<!DOCTYPE html>
<html lang="en">
    <!--<< Header Area >>-->
    <head>
        <!-- ========== Meta Tags ========== -->
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="author" content="gramentheme">
        <meta name="description" content="洛阳恒丰冶金科技有限公司">
        <!-- ======== Page title ============ -->
        <title>洛阳恒丰冶金科技有限公司</title>
        <!--<< Favcion >>-->
        <link rel="shortcut icon" href="assets/img/favicon.svg">
        <!--<< Bootstrap min.css >>-->
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <!--<< All Min Css >>-->
        <link rel="stylesheet" href="assets/css/all.min.css">
        <!--<< Animate.css >>-->
        <link rel="stylesheet" href="assets/css/animate.css">
        <!--<< Magnific Popup.css >>-->
        <link rel="stylesheet" href="assets/css/magnific-popup.css">
        <!--<< MeanMenu.css >>-->
        <link rel="stylesheet" href="assets/css/meanmenu.css">
        <!--<< Swiper Bundle.css >>-->
        <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
        <!--<< Nice Select.css >>-->
        <link rel="stylesheet" href="assets/css/nice-select.css">
        <!--<< Main.css >>-->
        <link rel="stylesheet" href="assets/css/main.css">
    </head>
    <body>

        <!-- Preloader Start -->
        <div id="preloader" class="preloader">
            <div class="animation-preloader">
                <div class="spinner">                
                </div>
                <div class="txt-loading">
                    <span data-text-preloader="I" class="letters-loading">
                        I
                    </span>
                    <span data-text-preloader="N" class="letters-loading">
                        N
                    </span>
                    <span data-text-preloader="F" class="letters-loading">
                        F
                    </span>
                    <span data-text-preloader="O" class="letters-loading">
                        O
                    </span>
                    <span data-text-preloader="T" class="letters-loading">
                        T
                    </span>
                    <span data-text-preloader="E" class="letters-loading">
                        E
                    </span>
                    <span data-text-preloader="K" class="letters-loading">
                        K
                    </span>
                </div>
                <p class="text-center">Loading</p>
            </div>
            <div class="loader">
                <div class="row">
                    <div class="col-3 loader-section section-left">
                        <div class="bg"></div>
                    </div>
                    <div class="col-3 loader-section section-left">
                        <div class="bg"></div>
                    </div>
                    <div class="col-3 loader-section section-right">
                        <div class="bg"></div>
                    </div>
                    <div class="col-3 loader-section section-right">
                        <div class="bg"></div>
                    </div>
                </div>
            </div>
        </div>

        <!--<< Mouse Cursor Start >>-->  
        <div class="mouse-cursor cursor-outer"></div>
        <div class="mouse-cursor cursor-inner"></div>

        <!-- Offcanvas Area Start -->
        <div class="fix-area">
            <div class="offcanvas__info">
                <div class="offcanvas__wrapper">
                    <div class="offcanvas__content">
                        <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
                            <div class="offcanvas__logo">
                                <a href="index.html">
                                    <img src="assets/img/logo/black-logo.svg" alt="logo-img">
                                </a>
                            </div>
                            <div class="offcanvas__close">
                                <button>
                                <i class="fas fa-times"></i>
                                </button>
                            </div>
                        </div>
                        <p class="text d-none d-lg-block">
                            Nullam dignissim, ante scelerisque the  is euismod fermentum odio sem semper the is erat, a feugiat leo urna eget eros. Duis Aenean a imperdiet risus.
                        </p>
                        <div class="mobile-menu fix mb-3"></div>
                        <div class="offcanvas__contact">
                            <h4>Contact Info</h4>
                            <ul>
                                <li class="d-flex align-items-center">
                                    <div class="offcanvas__contact-icon">
                                        <i class="fal fa-map-marker-alt"></i>
                                    </div>
                                    <div class="offcanvas__contact-text">
                                        <a target="_blank" href="#">Main Street, Melbourne, Australia</a>
                                    </div>
                                </li>
                                <li class="d-flex align-items-center">
                                    <div class="offcanvas__contact-icon mr-15">
                                        <i class="fal fa-envelope"></i>
                                    </div>
                                    <div class="offcanvas__contact-text">
                                        <a href="mailto:info@azent.com"><span class="mailto:info@example.com">info@example.com</span></a>
                                    </div>
                                </li>
                                <li class="d-flex align-items-center">
                                    <div class="offcanvas__contact-icon mr-15">
                                        <i class="fal fa-clock"></i>
                                    </div>
                                    <div class="offcanvas__contact-text">
                                        <a target="_blank" href="#">Mod-friday, 09am -05pm</a>
                                    </div>
                                </li>
                                <li class="d-flex align-items-center">
                                    <div class="offcanvas__contact-icon mr-15">
                                        <i class="far fa-phone"></i>
                                    </div>
                                    <div class="offcanvas__contact-text">
                                        <a href="tel:+11002345909">+11002345909</a>
                                    </div>
                                </li>
                            </ul>
                            <div class="header-button mt-4">
                                <a href="contact.html" class="theme-btn text-center">
                                    <span>get A Quote<i class="fa-solid fa-arrow-right-long"></i></span>
                                </a>
                            </div>
                            <div class="social-icon d-flex align-items-center">
                                <a href="#"><i class="fab fa-facebook-f"></i></a>
                                <a href="#"><i class="fab fa-twitter"></i></a>
                                <a href="#"><i class="fab fa-youtube"></i></a>
                                <a href="#"><i class="fab fa-linkedin-in"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="offcanvas__overlay"></div>

        <!-- Header Section Start -->
        <header class="header-section-2">
            <div class="header-top-section top-style-2 fix">
                <div class="container-fluid">
                    <div class="header-top-wrapper style-2">
                        <ul class="contact-list">
                            <li>
                                <i class="far fa-envelope"></i>
                                <a href="mailto:info@example.com" class="link">info@example.com</a>
                            </li>
                            <li>
                                <i class="fa-solid fa-phone-volume"></i>
                                <a href="tel:2086660112">+208-666-0112</a>
                            </li>
                        </ul>
                        <div class="top-right">
                            <div class="social-icon d-flex align-items-center">
                                <span>Follow Us:</span>
                                <a href="#"><i class="fab fa-facebook-f"></i></a>
                                <a href="#"><i class="fab fa-twitter"></i></a>
                                <a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
                                <a href="#"><i class="fa-brands fa-youtube"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="header-sticky" class="header-2">
                <div class="main-logo">
                    <a href="index.html">
                    <img src="assets/img/logo/white-logo-2.svg" alt="logo-image">
                    </a>
                </div>
                <div class="container-fluid">
                    <div class="mega-menu-wrapper">
                        <div class="header-main">
                            <div class="logo d-none">
                                <a href="index.html" class="header-logo">
                                    <img src="assets/img/logo/black-logo.svg" alt="logo-img">
                                </a>
                            </div>
                            <div class="header-left">
                                <div class="mean__menu-wrapper">
                                    <div class="main-menu">
                                        <nav id="mobile-menu">
                                            <ul>
                                                <li class="has-dropdown active menu-thumb">
                                                    <a href="index.html">
                                                    Home 
                                                    <i class="fas fa-angle-down"></i>
                                                    </a>
                                                    <ul class="submenu has-homemenu">
                                                        <li>
                                                            <div class="homemenu-items">
                                                                <div class="homemenu">
                                                                    <div class="homemenu-thumb">
                                                                        <img src="assets/img/header/home-1.jpg" alt="img">
                                                                        <div class="demo-button">
                                                                            <a href="index.html" class="theme-btn">
                                                                                <span>Multi Page</span>
                                                                            </a>
                                                                            <a href="index-one-page.html" class="theme-btn">
                                                                                <span>One Page</span>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <div class="homemenu-content text-center">
                                                                        <h4 class="homemenu-title">
                                                                            Home 01
                                                                        </h4>
                                                                    </div>
                                                                </div>
                                                                <div class="homemenu">
                                                                    <div class="homemenu-thumb mb-15">
                                                                        <img src="assets/img/header/home-2.jpg" alt="img">
                                                                        <div class="demo-button">
                                                                            <a href="index-2.html" class="theme-btn">
                                                                                <span>Multi Page</span>
                                                                            </a>
                                                                            <a href="index-two-page.html" class="theme-btn">
                                                                                <span>One Page</span>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <div class="homemenu-content text-center">
                                                                        <h4 class="homemenu-title">
                                                                            Home 02
                                                                        </h4>
                                                                    </div>
                                                                </div>
                                                                <div class="homemenu">
                                                                    <div class="homemenu-thumb mb-15">
                                                                        <img src="assets/img/header/home-3.jpg" alt="img">
                                                                        <div class="demo-button">
                                                                            <a href="index-3.html" class="theme-btn">
                                                                                <span>Multi Page</span>
                                                                            </a>
                                                                            <a href="index-three-page.html" class="theme-btn">
                                                                                <span>One Page</span>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <div class="homemenu-content text-center">
                                                                        <h4 class="homemenu-title">
                                                                            Home 03
                                                                        </h4>
                                                                    </div>
                                                                </div>
                                                                <div class="homemenu">
                                                                    <div class="homemenu-thumb mb-15">
                                                                        <img src="assets/img/header/home-4.jpg" alt="img">
                                                                        <div class="demo-button">
                                                                            <a href="index-4.html" class="theme-btn">
                                                                                <span>Multi Page</span>
                                                                            </a>
                                                                            <a href="index-four-page.html" class="theme-btn">
                                                                                <span>One Page</span>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <div class="homemenu-content text-center">
                                                                        <h4 class="homemenu-title">
                                                                            Home 04
                                                                        </h4>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </li>
                        
                                                <li>
                                                    <a href="about.html">About</a>
                                                </li>
                                                <li>
                                                    <a href="news.html">
                                                        Services
                                                        <i class="fas fa-angle-down"></i>
                                                    </a>
                                                    <ul class="submenu">
                                                        <li><a href="service.html">Services</a></li>
                                                        <li><a href="service-carousel.html">Service Carousel</a></li>
                                                        <li><a href="service-details.html">Service Details</a></li>
                                                    </ul>
                                                </li>
                                                <li class="has-dropdown">
                                                    <a href="news.html">
                                                        Pages
                                                        <i class="fas fa-angle-down"></i>
                                                    </a>
                                                    <ul class="submenu">
                                                        <li class="has-dropdown">
                                                            <a href="project.html">
                                                                Projects
                                                            <i class="fas fa-angle-down"></i>
                                                            </a>
                                                            <ul class="submenu">
                                                                 <li><a href="project.html">Project</a></li>
                                                                <li><a href="project-carousel.html">Project Carousel</a></li>
                                                                <li><a href="project-details.html">Project Details</a></li>
                                                            </ul>
                                                        </li>
                                                        <li class="has-dropdown">
                                                            <a href="team.html">
                                                            Team
                                                            <i class="fas fa-angle-down"></i>
                                                            </a>
                                                            <ul class="submenu">
                                                                <li><a href="team.html">Our Team</a></li>
                                                                <li><a href="team-carousel.html">Team Carousel</a></li>
                                                                <li><a href="team-details.html">Team Details</a></li>
                                                            </ul>
                                                        </li>
                                                        <li><a href="pricing.html">Pricing</a></li>
                                                        <li><a href="faq.html">Faq's</a></li>
                                                        <li><a href="404.html">404 Page</a></li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="news.html">
                                                        Blog
                                                        <i class="fas fa-angle-down"></i>
                                                    </a>
                                                    <ul class="submenu">
                                                        <li><a href="news.html">Blog Grid</a></li>
                                                        <li><a href="news-standard.html">Blog Standard</a></li>
                                                        <li><a href="news-details.html">Blog Details</a></li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="contact.html">Contact</a>
                                                </li>
                                            </ul>
                                        </nav>
                                    </div>
                                </div>
                            </div>
                            <div class="header-right d-flex justify-content-end align-items-center">
                                <a href="#0" class="search-trigger search-icon"><i class="fal fa-search"></i></a>
                                <div class="header-button">
                                    <a href="contact.html" class="theme-btn">
                                        <span>
                                            free Consultancy
                                            <i class="fa-solid fa-arrow-right-long"></i>
                                        </span>
                                     </a>
                                </div>
                                <div class="header__hamburger d-lg-none my-auto">
                                    <div class="sidebar__toggle">
                                        <i class="fas fa-bars"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>

        <!-- Search Area Start -->
        <div class="search-wrap">
            <div class="search-inner">
                <i class="fas fa-times search-close" id="search-close"></i>
                <div class="search-cell">
                    <form method="get">
                        <div class="search-field-holder">
                            <input type="search" class="main-search-input" placeholder="Search...">
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <!-- Hero Section Start -->
        <section class="hero-section fix hero-1 hero-2 bg-cover" style="background-image: url('assets/img/hero/hero-bg-2.jpg');">
            <div class="line-shape-2">
                <img src="assets/img/hero/line-shape-2.png" alt="shape-img">
            </div>
            <div class="right-shape">
                <img src="assets/img/hero/right-shape.png" alt="shape-img">
            </div>
            <div class="left-shape">
                <img src="assets/img/hero/left-shape.png" alt="shape-img">
            </div>
            <div class="frame-2">
                <img src="assets/img/frame.png" alt="shape-img">
            </div>
            <div class="frame-3">
                <img src="assets/img/hero/frame.png" alt="shape-img">
            </div>
            <div class="circle-shape">
                <img src="assets/img/choose/circle.png" alt="shape-img">
            </div>
            <div class="container">
                <div class="row g-4 align-items-center">
                    <div class="col-lg-8">
                        <div class="hero-content">
                            <h6 class="wow fadeInUp" data-wow-delay=".2s">Best it SOULTION Provider</h6>
                            <h1 class="wow fadeInUp" data-wow-delay=".4s">
                                Excellent It Services
                                for Your Success
                            </h1>
                            <p class="wow fadeInUp" data-wow-delay=".6s">
                                Consectetur adipiscing elit aenean scelerisque at augue vitae consequat <br> quisque eget congue velit in cursus leo sed sodales est eget turpis.
                            </p>
                            <div class="hero-button">
                                <a href="about.html" class="theme-btn wow fadeInUp" data-wow-delay=".8s">
                                    Explore More
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                                <span class="button-text wow fadeInUp" data-wow-delay=".9s">
                                    <a href="https://www.youtube.com/watch?v=Cn4G2lZ_g2I" class="video-btn ripple video-popup">
                                        <i class="fa-solid fa-play"></i>
                                    </a>
                                    <span class="ms-4 d-line">Watch IT Video</span>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="hero-image wow fadeInUp" data-wow-delay=".4s">
                            <img src="assets/img/hero/hero-2.png" alt="hero-img">
                            <div class="border-circle">
                                <img src="assets/img/hero/border-circle.png" alt="shape-img">
                            </div>
                            <div class="icon">
                                <svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M39.3158 40.3529H37.4385V21.8553C37.4385 21.6957 37.3751 21.5427 37.2623 21.4299C37.1495 21.3171 36.9965 21.2537 36.837 21.2537H32.0246C31.8651 21.2537 31.7121 21.3171 31.5993 21.4299C31.4864 21.5427 31.4231 21.6957 31.4231 21.8553V40.3529H29.4025V25.5461C29.4025 25.3866 29.3391 25.2336 29.2263 25.1208C29.1135 25.0079 28.9605 24.9446 28.8009 24.9446H23.9885C23.829 24.9446 23.676 25.0079 23.5632 25.1208C23.4503 25.2336 23.387 25.3866 23.387 25.5461V40.3529H21.3664V29.2369C21.3664 29.0773 21.303 28.9243 21.1902 28.8115C21.0774 28.6987 20.9244 28.6353 20.7648 28.6353H15.9525C15.793 28.6353 15.64 28.6987 15.5271 28.8115C15.4143 28.9243 15.351 29.0773 15.351 29.2369V40.3529H13.3304V32.9278C13.3304 32.7683 13.267 32.6153 13.1542 32.5024C13.0414 32.3896 12.8884 32.3263 12.7288 32.3263H7.91641C7.75687 32.3263 7.60386 32.3896 7.49105 32.5024C7.37823 32.6153 7.31485 32.7683 7.31485 32.9278V40.3529H5.43755C5.278 40.3529 5.12499 40.4163 5.01218 40.5291C4.89936 40.6419 4.83598 40.7949 4.83598 40.9545V43.0547C4.83598 43.2142 4.89936 43.3672 5.01218 43.4801C5.12499 43.5929 5.278 43.6562 5.43755 43.6562H39.3157C39.4753 43.6562 39.6283 43.5929 39.7411 43.4801C39.8539 43.3672 39.9173 43.2142 39.9173 43.0547V40.9545C39.9173 40.7949 39.8539 40.6419 39.7411 40.5291C39.6283 40.4163 39.4753 40.3529 39.3157 40.3529H39.3158ZM32.6262 22.4568H36.2354V40.3529H32.6262V22.4568ZM24.5902 26.1477H28.1995V40.3529H24.5902V26.1477ZM16.5542 29.8385H20.1634V40.353H16.5542V29.8385ZM8.51815 33.5294H12.1274V40.3529H8.51815V33.5294ZM38.7144 42.4532H6.0392V41.5561H38.7143V42.4532H38.7144ZM21.6084 24.3417C21.7194 24.4585 21.8604 24.5426 22.0159 24.5848C22.1714 24.627 22.3355 24.6257 22.4903 24.581C22.6453 24.5369 22.7852 24.451 22.8948 24.3328C23.0044 24.2146 23.0793 24.0685 23.1115 23.9106L24.2903 18.1831C24.3497 17.8937 24.2663 17.6058 24.0611 17.3928C23.8559 17.18 23.5711 17.0863 23.2798 17.1351L17.5572 18.0961C17.3991 18.1224 17.2511 18.1915 17.1293 18.2957C17.0075 18.3999 16.9164 18.5354 16.8659 18.6876C16.8151 18.8397 16.8068 19.0027 16.8418 19.1591C16.8768 19.3156 16.9538 19.4595 17.0645 19.5754L17.7918 20.3381C16.0692 21.9719 9.41731 27.9914 1.48322 31.4253C1.34929 31.4832 1.24099 31.5879 1.17852 31.7198C1.11604 31.8517 1.10364 32.0018 1.14363 32.1422C1.18361 32.2825 1.27326 32.4036 1.39586 32.4827C1.51846 32.5619 1.66567 32.5938 1.81004 32.5725C10.6327 31.2692 16.5693 27.0982 20.7868 23.4798L21.6085 24.3417H21.6084ZM6.29443 30.3577C11.9213 27.1721 16.7614 23.0701 19.0635 20.7823C19.1751 20.6713 19.2388 20.5211 19.2409 20.3637C19.243 20.2063 19.1834 20.0544 19.0748 19.9405L18.3522 19.1825L23.0176 18.399L22.0567 23.0682L21.262 22.2347C21.1551 22.1225 21.009 22.056 20.8542 22.0489C20.6995 22.0417 20.5479 22.0946 20.4312 22.1965C17.0857 25.1147 12.5921 28.4939 6.29443 30.3577ZM34.4307 0.34375C29.7718 0.34375 25.9814 4.13411 25.9814 8.79313C25.9814 9.91977 26.1983 11.0078 26.6258 12.0339L23.4623 15.1974C23.3877 15.2721 23.3341 15.3651 23.3068 15.4671C23.2795 15.5691 23.2795 15.6765 23.3068 15.7785C23.3341 15.8804 23.3878 15.9734 23.4625 16.0481C23.5371 16.1228 23.63 16.1765 23.732 16.2039L25.6542 16.7189L25.5236 16.8494C25.4108 16.9622 25.3475 17.1153 25.3475 17.2748C25.3475 17.4343 25.4109 17.5874 25.5237 17.7002C25.6365 17.813 25.7895 17.8763 25.9491 17.8763C26.1086 17.8763 26.2616 17.8129 26.3744 17.7001L26.505 17.5696L27.02 19.4917C27.0473 19.5938 27.101 19.6868 27.1756 19.7615C27.2503 19.8362 27.3433 19.8899 27.4453 19.9172C27.5473 19.9446 27.6547 19.9446 27.7567 19.9172C27.8587 19.8899 27.9517 19.8362 28.0264 19.7615L31.1899 16.5981C32.216 17.0255 33.3041 17.2424 34.4307 17.2424C39.0897 17.2424 42.8801 13.4521 42.8801 8.79313C42.8801 4.1342 39.0897 0.34375 34.4307 0.34375ZM25.0498 15.3114L27.7808 12.5803L29.3675 13.0055L26.6364 15.7366L25.0497 15.3114H25.0498ZM32.9671 8.79313C32.9671 7.98609 33.6237 7.32952 34.4307 7.32952C35.2378 7.32952 35.8944 7.98609 35.8944 8.79313C35.8944 9.60016 35.2378 10.2567 34.4307 10.2567C34.2486 10.2567 34.0748 10.2218 33.9139 10.1607L34.8561 9.21852C34.9671 9.10532 35.0288 8.95291 35.0281 8.79441C35.0273 8.63591 34.9639 8.48413 34.8519 8.37205C34.7398 8.25997 34.588 8.19666 34.4295 8.19587C34.271 8.19507 34.1186 8.25687 34.0054 8.36782L33.0632 9.31004C33 9.14504 32.9675 8.96989 32.9672 8.79321L32.9671 8.79313ZM33.02 11.0547C33.4427 11.3199 33.9317 11.4604 34.4307 11.4599C35.9012 11.4599 37.0975 10.2636 37.0975 8.79321C37.0975 7.32282 35.9012 6.12648 34.4307 6.12648C32.9602 6.12648 31.764 7.32282 31.764 8.79321C31.7635 9.29224 31.904 9.78126 32.1693 10.204L30.9571 11.4161C30.4045 10.686 30.0759 9.77737 30.0759 8.79313C30.0759 6.39177 32.0295 4.43816 34.4308 4.43816C36.8321 4.43816 38.7858 6.39177 38.7858 8.79313C38.7858 11.1945 36.8321 13.148 34.4308 13.148C33.4466 13.148 32.5379 12.8195 31.8078 12.2668L33.02 11.0547ZM27.9124 18.1741L27.4872 16.5873L30.2183 13.8562L30.6435 15.443L27.9124 18.1741ZM34.4307 16.0393C33.5596 16.0393 32.7157 15.8882 31.9139 15.5904C31.912 15.5487 31.9059 15.5074 31.8955 15.4671L31.3451 13.4134C32.2575 14.0258 33.3318 14.3523 34.4306 14.3511C37.4953 14.3511 39.9887 11.8578 39.9887 8.79313C39.9887 5.72842 37.4953 3.23503 34.4306 3.23503C31.3659 3.23503 28.8726 5.72842 28.8726 8.79313C28.8714 9.89202 29.1979 10.9663 29.8104 11.8787L27.7566 11.3284C27.7163 11.318 27.675 11.3118 27.6334 11.31C27.3355 10.508 27.1845 9.66419 27.1845 8.79313C27.1845 4.79755 30.435 1.54688 34.4306 1.54688C38.4262 1.54688 41.6769 4.79755 41.6769 8.79313C41.6769 12.7887 38.4262 16.0393 34.4306 16.0393H34.4307Z" fill="#384BFF"/>
                                    </svg>                                    
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Service Section Start -->
        <section class="service-section-2 fix section-padding pb-0">
            <div class="container">
                <div class="section-title text-center">
                    <span class="wow fadeInUp">OUR SERVICES</span>  
                    <h2 class="wow fadeInUp" data-wow-delay=".3s">
                        We Provide the Best Quality
                    </h2>  
                </div>
                <div class="row">
                    <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
                        <div class="service-box-items style-2">
                            <div class="icon">
                               <img src="assets/img/service/icon/s-icon-1.svg" alt="icon-img">
                            </div>
                            <div class="content">
                                <h4>
                                    <a href="service-details.html">
                                        Database Security
                                    </a>
                                </h4>
                                <p>
                                    Mauris ultrices ligula eget volutpat aliquet nullam
                                </p>
                                <a href="service-details.html" class="theme-btn-2 mt-3">
                                    read More
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
                        <div class="service-box-items style-2 active">
                            <div class="icon">
                               <img src="assets/img/service/icon/s-icon-2.svg" alt="icon-img">
                            </div>
                            <div class="content">
                                <h4>
                                    <a href="service-details.html">
                                        IT Consultancy
                                    </a>
                                </h4>
                                <p>
                                    Mauris ultrices ligula eget volutpat aliquet nullam
                                </p>
                                <a href="service-details.html" class="theme-btn-2 mt-3">
                                    read More
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s">
                        <div class="service-box-items style-2">
                            <div class="icon">
                               <img src="assets/img/service/icon/s-icon-3.svg" alt="icon-img">
                            </div>
                            <div class="content">
                                <h4>
                                    <a href="service-details.html">
                                        Cyber Security
                                    </a>
                                </h4>
                                <p>
                                    Mauris ultrices ligula eget volutpat aliquet nullam
                                </p>
                                <a href="service-details.html" class="theme-btn-2 mt-3">
                                    read More
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".9s">
                        <div class="service-box-items style-2">
                            <div class="icon">
                               <img src="assets/img/service/icon/s-icon-4.svg" alt="icon-img">
                            </div>
                            <div class="content">
                                <h4>
                                    <a href="service-details.html">
                                        App Development
                                    </a>
                                </h4>
                                <p>
                                    Mauris ultrices ligula eget volutpat aliquet nullam
                                </p>
                                <a href="service-details.html" class="theme-btn-2 mt-3">
                                    read More
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- About Section Start -->
        <section class="about-section section-padding fix bg-cover" style="background-image: url('assets/img/service/service-bg-2.jpg');">
            <div class="container">
                <div class="about-wrapper style-2">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="about-image-items">
                                <div class="circle-shape">
                                    <img src="assets/img/about/circle.png" alt="shape-img">
                                </div>
                                <div class="counter-shape float-bob-y">
                                    <div class="icon">
                                        <img src="assets/img/about/icon-1.svg" alt="icon-img">
                                    </div>
                                    <div class="content">
                                        <h3><span class="count">25</span>Years</h3>
                                        <p>Of Experience</p>
                                    </div>
                                </div>
                                <div class="about-image-1 bg-cover wow fadeInLeft" data-wow-delay=".3s" style="background-image: url('assets/img/about/03.png');">
                                    <div class="about-image-2 wow fadeInUp" data-wow-delay=".5s">
                                        <img src="assets/img/about/04.jpg" alt="about-img">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 mt-4 mt-lg-0">
                            <div class="about-content">
                                <div class="section-title">
                                    <span class="wow fadeInUp">ABOUT INFOTECK</span>
                                    <h2 class="wow fadeInUp" data-wow-delay=".3s">
                                        We Are Increasing Business Success With <span>Technology</span>
                                    </h2>
                                </div>
                                <p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                                    It is a long established fact that a reader will be distracted the readable <br> content of a page when looking at layout the point.
                                </p>
                                <div class="about-icon-items">
                                    <div class="icon-items wow fadeInUp" data-wow-delay=".7s">
                                        <div class="icon">
                                            <img src="assets/img/about/icon-4.svg" alt="icon-img">
                                        </div>
                                        <div class="content">
                                            <h4>Problem Solving</h4>
                                            <p>
                                                Aliquam erat volutpat Nullam imperdiet
                                            </p>
                                        </div>
                                    </div>
                                    <div class="icon-items wow fadeInUp" data-wow-delay=".9s">
                                        <div class="icon">
                                            <img src="assets/img/about/icon-5.svg" alt="icon-img">
                                        </div>
                                        <div class="content">
                                            <h4>Mission & Vision</h4>
                                            <p>
                                                Ut vehiculadictumst. Maecenas ante.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="about-author">
                                    <div class="about-button wow fadeInUp" data-wow-delay=".5s">
                                        <a href="about.html" class="theme-btn">
                                            Explore More
                                            <i class="fa-solid fa-arrow-right-long"></i>
                                        </a>
                                    </div>
                                    <div class="author-image wow fadeInUp" data-wow-delay=".7s">
                                        <img src="assets/img/about/author.png" alt="author-img">
                                        <div class="content">
                                            <h6>Ronald Richards</h6>
                                            <p>Co, Founder</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--<< Marque Section Start >>-->
        <div class="marque-section-2 section-padding pt-0">
            <div class="container-fluid">
                <div class="marquee-wrapper style-2 text-slider">
                    <div class="marquee-inner to-left">
                        <ul class="marqee-list d-flex">
                            <li class="marquee-item style-2">
                                <span class="text-slider"><img src="assets/img/asterisk.svg" alt="img"></span><span class="text-slider text-style">Cyber Security</span>
                                <span class="text-slider"><img src="assets/img/asterisk.svg" alt="img"></span><span class="text-slider text-style">IT Solution</span>
                                <span class="text-slider"><img src="assets/img/asterisk.svg" alt="img"></span><span class="text-slider text-style">Technology</span>
                                <span class="text-slider"><img src="assets/img/asterisk.svg" alt="img"></span><span class="text-slider text-style">Data Security</span>
                                <span class="text-slider"><img src="assets/img/asterisk.svg" alt="img"></span><span class="text-slider text-style">Cyber Security</span>
                                <span class="text-slider"><img src="assets/img/asterisk.svg" alt="img"></span><span class="text-slider text-style">IT Solution</span>
                                <span class="text-slider"><img src="assets/img/asterisk.svg" alt="img"></span><span class="text-slider text-style">Technology</span>
                                <span class="text-slider"><img src="assets/img/asterisk.svg" alt="img"></span><span class="text-slider text-style">Data Security</span>
                                <span class="text-slider"><img src="assets/img/asterisk.svg" alt="img"></span><span class="text-slider text-style">Cyber Security</span>
                                <span class="text-slider"><img src="assets/img/asterisk.svg" alt="img"></span><span class="text-slider text-style">IT Solution</span>
                                <span class="text-slider"><img src="assets/img/asterisk.svg" alt="img"></span><span class="text-slider text-style">Technology</span>
                                <span class="text-slider"><img src="assets/img/asterisk.svg" alt="img"></span><span class="text-slider text-style">Data Security</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    
        <!-- Offer Section Start -->
        <section class="offer-section fix section-bg-2 section-padding">
            <div class="line-shape">
                <img src="assets/img/team/line-shape.png" alt="shape-img">
            </div>
            <div class="mask-shape">
                <img src="assets/img/team/mask-shape.png" alt="shape-img">
            </div>
            <div class="container">
                <div class="section-title text-center">
                    <span class="wow fadeInUp">Our offering</span>
                    <h2 class="text-white wow fadeInUp" data-wow-delay=".3s">
                        Enhance and Pioneer Using <br> Technology Trends
                    </h2>
                </div>
                <div class="row">
                    <div class="col-xl-2 col-lg-4 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay=".2s">
                        <div class="offer-items">
                            <div class="shape-top">
                                <img src="assets/img/shape/offer-top.png" alt="shape-img">
                            </div>
                            <div class="shape-bottom">
                                <img src="assets/img/shape/offer-bottom.png" alt="shape-img">
                            </div>
                            <div class="icon">
                                <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <g clip-path="url(#clip0_2517_1804)">
                                    <path d="M18 0C10.3961 0 0 5.74724 0 18C0 29.9409 9.99921 36 18 36C31.7268 36 36 23.974 36 18C36 9.18425 29.2535 0 18 0ZM13.826 1.6937C11.948 3.29528 10.389 5.94567 9.38268 9.23386C8.07874 8.46142 6.8811 7.50472 5.81811 6.39213C8.01496 4.08898 10.7929 2.47323 13.826 1.6937ZM5.04567 7.25669C6.23622 8.49685 7.58976 9.55276 9.06378 10.389C8.51102 12.5362 8.18504 14.9173 8.14252 17.4189H1.17638C1.30394 13.6843 2.66457 10.1197 5.04567 7.25669ZM5.04567 28.7433C2.65748 25.8803 1.30394 22.3158 1.17638 18.5811H8.14252C8.18504 21.0898 8.51102 23.4638 9.06378 25.611C7.59685 26.4543 6.24331 27.5032 5.04567 28.7433ZM5.81811 29.615C6.8811 28.5024 8.07874 27.5457 9.38268 26.7732C10.389 30.0543 11.948 32.7118 13.826 34.3134C10.7929 33.5268 8.01496 31.911 5.81811 29.615ZM17.4189 34.7953C14.4 34.4126 11.7992 31.0394 10.3961 26.2063C12.5646 25.1079 14.9598 24.4913 17.4189 24.3992V34.7953ZM17.4189 23.2441C14.8535 23.3291 12.3591 23.9598 10.0984 25.0654C9.62362 23.0811 9.34016 20.8913 9.29764 18.5811H17.4189V23.2441ZM17.4189 17.4189H9.29764C9.34016 15.1087 9.62362 12.9189 10.0984 10.9346C12.3661 12.0402 14.8606 12.6709 17.4189 12.7559V17.4189ZM17.4189 11.6008C14.9528 11.5157 12.5646 10.8921 10.3961 9.7937C11.7992 4.95354 14.4 1.5874 17.4189 1.20472V11.6008ZM30.9543 7.25669C33.3354 10.1197 34.6961 13.6843 34.8236 17.4189H27.8646C27.8221 14.9102 27.4961 12.5362 26.9433 10.389C28.4102 9.54567 29.7638 8.49685 30.9543 7.25669ZM30.1819 6.38504C29.1189 7.49764 27.9213 8.45433 26.6173 9.22677C25.611 5.94567 24.052 3.29528 22.174 1.68661C25.2071 2.47323 27.985 4.08898 30.1819 6.38504ZM18.5811 1.20472C21.6 1.5874 24.2008 4.96063 25.6039 9.7937C23.4354 10.8921 21.0472 11.5087 18.5811 11.6008V1.20472ZM18.5811 12.7559C21.1465 12.6709 23.6409 12.0402 25.9016 10.9346C26.3764 12.9189 26.6598 15.1087 26.7024 17.4189H18.5811V12.7559ZM18.5811 18.5811H26.7024C26.6598 20.8913 26.3764 23.0811 25.9016 25.0654C23.6195 23.9424 21.1233 23.3213 18.5811 23.2441V18.5811ZM18.5811 34.7953V24.3992C21.0472 24.4843 23.4354 25.1079 25.6039 26.2063C24.2008 31.0465 21.6 34.4126 18.5811 34.7953ZM22.174 34.3063C24.052 32.7047 25.611 30.0543 26.6173 26.7661C27.9213 27.5386 29.1189 28.4953 30.1819 29.6079C27.985 31.911 25.2071 33.5268 22.174 34.3063ZM30.9543 28.7433C29.7638 27.5032 28.4102 26.4543 26.9433 25.611C27.4961 23.4638 27.8221 21.0827 27.8646 18.5811H34.8236C34.6961 22.3158 33.3354 25.8803 30.9543 28.7433Z" fill="#384BFF"/>
                                    </g>
                                    <defs>
                                    <clipPath id="clip0_2517_1804">
                                    <rect width="36" height="36" fill="white"/>
                                    </clipPath>
                                  </defs>
                                </svg>
                            </div>
                            <div class="content">
                                <h5>Website</h5>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-4 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay=".4s">
                        <div class="offer-items">
                            <div class="shape-top">
                                <img src="assets/img/shape/offer-top.png" alt="shape-img">
                            </div>
                            <div class="shape-bottom">
                                <img src="assets/img/shape/offer-bottom.png" alt="shape-img">
                            </div>
                            <div class="icon">
                                <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M22.3329 3.58547L23.91 0.956883C23.9526 0.885763 23.9809 0.806935 23.9931 0.724898C24.0053 0.642862 24.0012 0.559225 23.9811 0.478762C23.961 0.398299 23.9252 0.322586 23.8758 0.255946C23.8265 0.189306 23.7644 0.133044 23.6933 0.0903717C23.6222 0.0476998 23.5434 0.0194538 23.4613 0.00724644C23.3793 -0.00496089 23.2957 -0.000890475 23.2152 0.0192253C23.1347 0.039341 23.059 0.0751082 22.9924 0.124485C22.9257 0.173861 22.8695 0.23588 22.8268 0.307L21.1626 3.08085C20.1717 2.72843 19.1107 2.52633 18.0004 2.52633C16.8901 2.52633 15.829 2.72843 14.8381 3.08085L13.1739 0.307C13.0878 0.163366 12.948 0.0598509 12.7855 0.0192253C12.623 -0.0214003 12.4511 0.00419186 12.3074 0.0903718C12.1638 0.176552 12.0603 0.31626 12.0196 0.478762C11.979 0.641265 12.0046 0.81325 12.0908 0.956883L13.6678 3.58547C10.6192 5.16123 8.52686 8.33802 8.52686 12.0005C8.52686 12.168 8.59339 12.3286 8.71184 12.4471C8.83028 12.5655 8.99092 12.632 9.15842 12.632H26.8423C27.0098 12.632 27.1705 12.5655 27.2889 12.4471C27.4074 12.3286 27.4739 12.168 27.4739 12.0005C27.4733 8.33865 25.3815 5.16186 22.3329 3.58547ZM9.81399 11.3689C10.1374 7.13551 13.6855 3.7901 18.0004 3.7901C22.3152 3.7901 25.8634 7.13551 26.1868 11.3689H9.81399Z" fill="#384BFF"/>
                                    <path d="M22.4068 7.17725H21.5744C21.464 7.17725 21.3581 7.2211 21.2801 7.29915C21.202 7.3772 21.1582 7.48306 21.1582 7.59345V8.42586C21.1582 8.65575 21.3445 8.84206 21.5744 8.84206H22.4074C22.5178 8.84206 22.6237 8.79821 22.7017 8.72016C22.7798 8.6421 22.8236 8.53624 22.8236 8.42586V7.59345C22.8234 7.48301 22.7795 7.37715 22.7013 7.29911C22.6231 7.22108 22.5172 7.17725 22.4068 7.17725ZM14.4257 7.17725H13.5926C13.4822 7.17725 13.3764 7.2211 13.2983 7.29915C13.2203 7.3772 13.1764 7.48306 13.1764 7.59345V8.42586C13.1764 8.65575 13.3627 8.84206 13.5926 8.84206H14.4257C14.536 8.84206 14.6419 8.79821 14.72 8.72016C14.798 8.6421 14.8419 8.53624 14.8419 8.42586V7.59345C14.8419 7.48306 14.798 7.3772 14.72 7.29915C14.6419 7.2211 14.536 7.17725 14.4257 7.17725ZM26.8416 13.2637H9.15774C8.99024 13.2637 8.8296 13.3302 8.71116 13.4486C8.59272 13.5671 8.52618 13.7277 8.52618 13.8952V26.6346C8.52751 27.4436 8.8497 28.219 9.42205 28.7908C9.9944 29.3625 10.7702 29.6839 11.5792 29.6844H12.3156V33.4776C12.3156 34.8683 13.4486 36.0001 14.8419 36.0001C16.2351 36.0001 17.3681 34.8683 17.3681 33.4776V29.6844H18.6313V33.4776C18.6313 34.8683 19.7643 36.0001 21.1575 36.0001C22.5508 36.0001 23.6838 34.8683 23.6838 33.4776V29.6844H24.4202C25.2293 29.6841 26.0051 29.3628 26.5775 28.791C27.1499 28.2192 27.472 27.4436 27.4732 26.6346V13.8952C27.4732 13.7277 27.4067 13.5671 27.2882 13.4486C27.1698 13.3302 27.0091 13.2637 26.8416 13.2637ZM26.2101 26.6346C26.2092 27.1087 26.0203 27.5632 25.6847 27.8982C25.3491 28.2332 24.8944 28.4213 24.4202 28.4213H23.0522C22.8847 28.4213 22.7241 28.4878 22.6057 28.6063C22.4872 28.7247 22.4207 28.8854 22.4207 29.0529V33.4776C22.4207 33.8126 22.2876 34.1339 22.0507 34.3708C21.8138 34.6077 21.4925 34.7408 21.1575 34.7408C20.8225 34.7408 20.5012 34.6077 20.2644 34.3708C20.0275 34.1339 19.8944 33.8126 19.8944 33.4776V29.0529C19.8944 28.8854 19.8279 28.7247 19.7094 28.6063C19.591 28.4878 19.4303 28.4213 19.2628 28.4213H16.7366C16.5691 28.4213 16.4084 28.4878 16.29 28.6063C16.1715 28.7247 16.105 28.8854 16.105 29.0529V33.4776C16.105 33.8126 15.9719 34.1339 15.735 34.3708C15.4981 34.6077 15.1769 34.7408 14.8419 34.7408C14.5069 34.7408 14.1856 34.6077 13.9487 34.3708C13.7118 34.1339 13.5787 33.8126 13.5787 33.4776V29.0529C13.5787 28.8854 13.5122 28.7247 13.3937 28.6063C13.2753 28.4878 13.1147 28.4213 12.9472 28.4213H11.5798C11.1056 28.4211 10.6509 28.233 10.3153 27.898C9.97962 27.5631 9.79048 27.1087 9.78931 26.6346V14.5268H26.2101V26.6346ZM30.3153 13.2637C29.0963 13.2637 28.1048 14.2565 28.1048 15.4767V24.3136C28.1048 25.5338 29.0963 26.5266 30.3153 26.5266C31.5342 26.5266 32.5258 25.5338 32.5258 24.3136V15.4767C32.5254 14.8903 32.2925 14.328 31.8781 13.9131C31.4637 13.4982 30.9017 13.2647 30.3153 13.2637ZM31.2626 24.3136C31.2626 24.8371 30.8376 25.2635 30.3153 25.2635C29.793 25.2635 29.3679 24.8371 29.3679 24.3136V15.4767C29.3679 14.9531 29.793 14.5268 30.3153 14.5268C30.8376 14.5268 31.2626 14.9531 31.2626 15.4767V24.3136ZM5.68412 13.2637C4.46519 13.2637 3.47363 14.2565 3.47363 15.4767V24.3136C3.47363 25.5338 4.46519 26.5266 5.68412 26.5266C6.90305 26.5266 7.89461 25.5338 7.89461 24.3136V15.4767C7.89427 14.8903 7.66136 14.328 7.24696 13.9131C6.83255 13.4982 6.27051 13.2647 5.68412 13.2637ZM6.63147 24.3136C6.63147 24.8371 6.20643 25.2635 5.68412 25.2635C5.16181 25.2635 4.73677 24.8371 4.73677 24.3136V15.4767C4.73677 14.9531 5.16181 14.5268 5.68412 14.5268C6.20643 14.5268 6.63147 14.9531 6.63147 15.4767V24.3136Z" fill="#384BFF"/>
                                </svg>                                    
                            </div>
                            <div class="content">
                                <h5>Android</h5>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-4 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay=".6s">
                        <div class="offer-items active">
                            <div class="shape-top">
                                <img src="assets/img/shape/offer-top.png" alt="shape-img">
                            </div>
                            <div class="shape-bottom">
                                <img src="assets/img/shape/offer-bottom.png" alt="shape-img">
                            </div>
                            <div class="icon">
                                <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <g clip-path="url(#clip0_2517_1783)">
                                    <path d="M25.3682 0.727224L25.3303 0L24.6066 0.0778922C24.5356 0.0854747 17.5397 0.928503 17.06 8.75012L17.0117 9.53318L17.7948 9.48011C17.8747 9.47459 25.7984 8.84249 25.3682 0.727224ZM24.0027 1.60058C23.8711 6.3141 20.2039 7.62517 18.5206 7.97878C19.1617 3.39831 22.4835 2.00245 24.0027 1.60058Z" fill="white"/>
                                    <path d="M32.1109 25.8609L31.6704 25.7182C29.0048 24.8566 27.2147 22.415 27.2147 19.6426C27.2147 17.1763 28.6092 14.9705 30.8549 13.8855L31.525 13.5622L31.1514 12.9191C30.9914 12.6434 29.4963 10.2011 26.3379 9.39256C23.8329 8.7515 21.0164 9.31881 17.9634 11.0793C16.671 10.2949 12.3779 8.03393 8.9624 10.3004C8.29377 10.6699 1.20696 14.9153 4.89546 26.3703C5.00369 26.6267 7.57551 32.652 10.6188 34.9088C11.4398 35.6933 13.5394 36.6735 15.9389 35.0377C16.3546 34.8661 19.136 33.7956 20.9006 35.0494C21.552 35.4954 22.6894 36.0007 23.8908 36.0007C24.8021 36.0007 25.7499 35.7105 26.5509 34.8833C26.9245 34.56 30.3373 31.514 32.1109 26.6888L32.1626 26.5482L32.1109 25.8609ZM25.63 33.8556L25.5769 33.9059C24.0652 35.4934 21.7733 33.9748 21.6885 33.9183C20.7869 33.2772 19.7426 33.0684 18.763 33.0684C16.9853 33.0684 15.4219 33.757 15.322 33.8018L15.2096 33.8652C13.1286 35.3176 11.7038 34.0396 11.5528 33.8942L11.4715 33.8245C8.71908 31.8173 6.1893 25.8926 6.18586 25.8906C2.73378 15.1593 9.34704 11.6494 9.62828 11.5067L9.7041 11.4619C12.9073 9.31122 17.5119 12.4242 17.5574 12.4552L17.9248 12.7075L18.3053 12.4779C21.1729 10.7443 23.7605 10.1549 25.996 10.7278C27.8172 11.1937 28.9779 12.3318 29.5459 13.0314C27.2388 14.4452 25.8368 16.9123 25.8368 19.6426C25.8368 22.7831 27.722 25.5735 30.5944 26.7873C28.8263 31.1031 25.6637 33.8273 25.63 33.8556Z" fill="white"/>
                                    </g>
                                    <defs>
                                    <clipPath id="clip0_2517_1783">
                                    <rect width="36" height="36" fill="white"/>
                                    </clipPath>
                                    </defs>
                                    </svg>
                                    
                            </div>
                            <div class="content">
                                <h5>IOS</h5>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-4 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay=".8s">
                        <div class="offer-items">
                            <div class="shape-top">
                                <img src="assets/img/shape/offer-top.png" alt="shape-img">
                            </div>
                            <div class="shape-bottom">
                                <img src="assets/img/shape/offer-bottom.png" alt="shape-img">
                            </div>
                            <div class="icon">
                                <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M24.4282 8.14707H9.2927C8.43931 8.14707 7.74512 8.84133 7.74512 9.69465V26.3053C7.74512 27.1586 8.43938 27.8528 9.2927 27.8528H24.4282C25.2815 27.8528 25.9757 27.1586 25.9757 26.3053V22.7742C25.9757 22.4829 25.7397 22.2468 25.4484 22.2468C25.1571 22.2468 24.9211 22.4829 24.9211 22.7742V26.3053C24.9209 26.4359 24.8689 26.5612 24.7765 26.6536C24.6841 26.746 24.5588 26.798 24.4282 26.7982H9.2927C9.03788 26.7982 8.82765 26.6038 8.80234 26.3556C8.80065 26.3391 8.7998 16.5811 8.7998 16.5811H24.9211V20.2426C24.9211 20.5339 25.1571 20.77 25.4484 20.77C25.7397 20.77 25.9757 20.5339 25.9757 20.2426V9.69465C25.9757 8.84133 25.2814 8.14707 24.4282 8.14707ZM8.7998 15.5264V12.9302H10.3292C10.4173 12.9302 10.5039 12.9082 10.5813 12.8661C10.6586 12.824 10.7242 12.7632 10.772 12.6893L11.3296 11.8272L12.772 14.2068C12.9768 14.5698 13.5557 14.5286 13.7075 14.1415L14.5524 12.1734L14.9696 12.7982C15.0177 12.8704 15.083 12.9295 15.1595 12.9704C15.236 13.0113 15.3214 13.0327 15.4081 13.0327H19.7785L20.9774 14.2259C21.291 14.5381 21.8011 14.538 22.1147 14.226L23.4531 12.8939C23.8595 12.4894 23.9738 11.8885 23.7444 11.3631C23.6104 11.0532 23.3651 10.8048 23.057 10.6668C22.7488 10.5288 22.4001 10.5113 22.0797 10.6177L21.5461 10.7928L21.0126 10.6177C20.6922 10.5112 20.3435 10.5287 20.0353 10.6667C19.7271 10.8046 19.4818 11.0531 19.3478 11.363C19.2629 11.5565 19.2234 11.7669 19.2324 11.978H15.6901L14.8898 10.7794C14.6754 10.4349 14.1147 10.4865 13.9666 10.8642L13.1427 12.7836L11.7951 10.5604C11.6096 10.2316 11.0956 10.2254 10.9014 10.5473L10.0423 11.8754H8.7998V9.69465C8.79995 9.56397 8.85193 9.43869 8.94433 9.34628C9.03674 9.25388 9.16202 9.2019 9.2927 9.20175H24.4282C24.5588 9.2019 24.6841 9.25388 24.7765 9.34628C24.8689 9.43869 24.9209 9.56397 24.9211 9.69465V15.5264H8.7998ZM20.3144 11.7852C20.3442 11.7165 20.3986 11.6615 20.467 11.6309C20.5354 11.6003 20.6127 11.5963 20.6838 11.6199L21.2947 11.8203C21.4594 11.8744 21.6332 11.8743 21.7974 11.8204L22.4086 11.6199C22.4797 11.5963 22.557 11.6002 22.6254 11.6308C22.6937 11.6614 22.7481 11.7165 22.7779 11.7852C22.8044 11.8453 22.8121 11.912 22.7998 11.9766C22.7875 12.0411 22.7559 12.1003 22.7091 12.1464L21.5461 13.3039L20.4495 12.2126C20.3374 12.0955 20.2315 11.9558 20.3144 11.7852ZM18.0123 2.48157H15.7086C15.5687 2.48157 15.4346 2.53713 15.3357 2.63602C15.2368 2.73492 15.1812 2.86905 15.1812 3.00891C15.1812 3.14877 15.2368 3.2829 15.3357 3.3818C15.4346 3.4807 15.5687 3.53625 15.7086 3.53625H18.0122C18.3035 3.53625 18.5396 3.30015 18.5396 3.00891C18.5396 2.71768 18.3035 2.48157 18.0123 2.48157Z" fill="#384BFF"/>
                                    <path d="M13.2418 24.3816C12.551 24.3979 11.9611 23.8925 11.8661 23.2118C11.8468 23.0732 11.7732 22.9481 11.6616 22.8638C11.55 22.7795 11.4094 22.743 11.2709 22.7623C11.1324 22.7817 11.0072 22.8552 10.9229 22.9669C10.8386 23.0785 10.8021 23.219 10.8215 23.3575C10.988 24.5509 12.0117 25.4366 13.2137 25.4365C13.23 25.4365 13.2465 25.4364 13.263 25.436C14.5224 25.4107 15.56 24.4061 15.6253 23.1491C15.66 22.4797 15.4255 21.8439 14.9648 21.3588C14.5107 20.8804 13.8723 20.6061 13.2134 20.6061C12.9715 20.6061 12.7693 20.6207 12.5898 20.6486L12.8349 19.1687H14.7069C14.8468 19.1687 14.9809 19.1132 15.0798 19.0143C15.1787 18.9154 15.2343 18.7813 15.2343 18.6414C15.2343 18.5015 15.1787 18.3674 15.0798 18.2685C14.9809 18.1696 14.8468 18.1141 14.7069 18.1141H12.3877C12.2628 18.1141 12.142 18.1584 12.0467 18.2392C11.9514 18.32 11.8879 18.432 11.8675 18.5552L11.4081 21.3282C11.3245 21.7729 11.8499 22.1033 12.2248 21.8573C12.4887 21.7386 12.7001 21.6608 13.2133 21.6608C13.5898 21.6608 13.9402 21.8114 14.1999 22.0849C14.4594 22.3583 14.5915 22.7168 14.5719 23.0944C14.5354 23.8019 13.9511 24.3673 13.2418 24.3816ZM20.702 19.0588C20.9933 19.0588 21.2293 18.8227 21.2293 18.5315C21.2293 18.2403 20.9933 18.0042 20.702 18.0042H18.0005C17.7092 18.0042 17.4732 18.2403 17.4732 18.5315C17.4732 18.8227 17.7092 19.0588 18.0005 19.0588H20.702ZM23.4596 21.5056C23.4596 20.6791 22.7872 20.0067 21.9607 20.0067H18.972C18.1456 20.0067 17.4732 20.6791 17.4732 21.5056C17.4732 22.332 18.1456 23.0044 18.972 23.0044H21.9607C22.7872 23.0044 23.4596 22.332 23.4596 21.5056ZM18.5279 21.5056C18.528 21.3878 18.5748 21.2749 18.6581 21.1917C18.7413 21.1084 18.8542 21.0616 18.972 21.0614H21.9607C22.2056 21.0614 22.4048 21.2607 22.4048 21.5056C22.4048 21.7505 22.2056 21.9497 21.9607 21.9497H18.972C18.8542 21.9496 18.7413 21.9027 18.6581 21.8195C18.5748 21.7362 18.528 21.6233 18.5279 21.5056Z" fill="#384BFF"/>
                                    <path d="M28.6772 11.9782H28.085V9.28238C28.085 7.59677 26.7928 6.20775 25.1471 6.05271L24.2543 2.08153C23.9787 0.855914 22.9089 0 21.6528 0H12.0677C10.8115 0 9.74171 0.855914 9.46616 2.08153L8.57326 6.05271C6.92753 6.20775 5.63525 7.59677 5.63525 9.28238V26.7176C5.63525 28.5067 7.09079 29.9622 8.87982 29.9622H24.0628L23.2253 33.6871C23.0587 34.428 22.4121 34.9453 21.6528 34.9453H12.0677C11.3083 34.9453 10.6618 34.428 10.4952 33.6871L10.0832 31.8545C10.068 31.7869 10.0396 31.723 9.99971 31.6664C9.95982 31.6098 9.90917 31.5616 9.85065 31.5246C9.79213 31.4875 9.72688 31.4624 9.65865 31.4506C9.59041 31.4388 9.52051 31.4405 9.45294 31.4557C9.3165 31.4864 9.19783 31.57 9.12304 31.6882C9.04825 31.8064 9.02346 31.9494 9.05413 32.0858L9.46616 33.9185C9.74171 35.1441 10.8114 36 12.0677 36H21.6528C22.9089 36 23.9787 35.1441 24.2543 33.9185L25.1471 29.9473C26.7928 29.7922 28.085 28.4032 28.085 26.7176V18.4657H28.6772C29.6075 18.4657 30.3644 17.7088 30.3644 16.7785V13.6654C30.3644 12.7351 29.6075 11.9782 28.6772 11.9782ZM10.4952 2.31286C10.6617 1.57205 11.3083 1.05469 12.0677 1.05469H21.6528C22.4121 1.05469 23.0587 1.57205 23.2253 2.31286L24.0628 6.0378H9.65769L10.4952 2.31286ZM27.0304 26.7176C27.0304 27.9251 26.048 28.9075 24.8405 28.9075H8.87989C7.67242 28.9075 6.69001 27.9251 6.69001 26.7176V9.28238C6.69001 8.0749 7.67242 7.09249 8.87989 7.09249H24.8406C26.048 7.09249 27.0304 8.0749 27.0304 9.28238V26.7176H27.0304ZM29.3097 16.7785C29.3097 17.1272 29.026 17.411 28.6772 17.411H28.085V13.0328H28.6772C29.026 13.0328 29.3097 13.3166 29.3097 13.6654V16.7785Z" fill="#384BFF"/>
                                    <path d="M18.0005 25.4834C18.3177 25.4834 18.5748 25.2263 18.5748 24.9092C18.5748 24.5921 18.3177 24.335 18.0005 24.335C17.6834 24.335 17.4263 24.5921 17.4263 24.9092C17.4263 25.2263 17.6834 25.4834 18.0005 25.4834Z" fill="#384BFF"/>
                                    <path d="M20.4663 25.4834C20.7835 25.4834 21.0406 25.2263 21.0406 24.9092C21.0406 24.5921 20.7835 24.335 20.4663 24.335C20.1492 24.335 19.8921 24.5921 19.8921 24.9092C19.8921 25.2263 20.1492 25.4834 20.4663 25.4834Z" fill="#384BFF"/>
                                    </svg>
                                    
                            </div>
                            <div class="content">
                                <h5>Watch</h5>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-4 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay=".9s">
                        <div class="offer-items">
                            <div class="shape-top">
                                <img src="assets/img/shape/offer-top.png" alt="shape-img">
                            </div>
                            <div class="shape-bottom">
                                <img src="assets/img/shape/offer-bottom.png" alt="shape-img">
                            </div>
                            <div class="icon">
                                <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <g clip-path="url(#clip0_2517_1761)">
                                    <path d="M28.5331 13.0604H33.0025C33.0733 13.0612 33.1434 13.0479 33.209 13.0214C33.2746 12.9949 33.3343 12.9557 33.3846 12.906C33.4348 12.8562 33.4748 12.797 33.502 12.7318C33.5293 12.6665 33.5433 12.5965 33.5433 12.5257C33.5433 12.455 33.5293 12.385 33.502 12.3197C33.4748 12.2545 33.4348 12.1952 33.3846 12.1455C33.3343 12.0958 33.2746 12.0565 33.209 12.03C33.1434 12.0035 33.0733 11.9903 33.0025 11.9911H28.5331C28.2377 11.9911 27.9985 12.2306 27.9985 12.5259C27.9985 12.8212 28.2377 13.0604 28.5331 13.0604ZM28.5331 14.9673H33.0025C33.0733 14.9681 33.1434 14.9549 33.209 14.9284C33.2746 14.9019 33.3343 14.8626 33.3846 14.8129C33.4348 14.7632 33.4748 14.704 33.502 14.6387C33.5293 14.5734 33.5433 14.5034 33.5433 14.4327C33.5433 14.362 33.5293 14.2919 33.502 14.2267C33.4748 14.1614 33.4348 14.1022 33.3846 14.0525C33.3343 14.0027 33.2746 13.9635 33.209 13.937C33.1434 13.9105 33.0733 13.8973 33.0025 13.8981H28.5331C28.4629 13.8981 28.3933 13.9119 28.3285 13.9387C28.2636 13.9656 28.2047 14.0049 28.155 14.0546C28.1054 14.1042 28.066 14.1632 28.0392 14.228C28.0123 14.2929 27.9985 14.3624 27.9985 14.4326C27.9985 14.5028 28.0123 14.5723 28.0391 14.6372C28.066 14.7021 28.1054 14.761 28.155 14.8107C28.2046 14.8604 28.2636 14.8998 28.3284 14.9266C28.3933 14.9535 28.4628 14.9673 28.5331 14.9673ZM28.5331 16.8743H33.0025C33.0733 16.8751 33.1434 16.8618 33.209 16.8353C33.2746 16.8088 33.3343 16.7696 33.3846 16.7199C33.4348 16.6701 33.4748 16.6109 33.502 16.5457C33.5293 16.4804 33.5433 16.4104 33.5433 16.3396C33.5433 16.2689 33.5293 16.1989 33.502 16.1336C33.4748 16.0684 33.4348 16.0091 33.3846 15.9594C33.3343 15.9097 33.2746 15.8704 33.209 15.8439C33.1434 15.8174 33.0733 15.8042 33.0025 15.805H28.5331C28.4629 15.805 28.3933 15.8188 28.3285 15.8457C28.2636 15.8725 28.2047 15.9119 28.155 15.9615C28.1054 16.0112 28.066 16.0701 28.0392 16.135C28.0123 16.1998 27.9985 16.2693 27.9985 16.3395C27.9985 16.6348 28.2377 16.8743 28.5331 16.8743ZM30.7677 24.2294C30.1758 24.2294 29.6193 24.4601 29.2007 24.8786C28.3364 25.7428 28.3364 27.1487 29.2007 28.013C29.6327 28.4451 30.2002 28.6612 30.7679 28.6612C31.3354 28.6612 31.9028 28.4451 32.3351 28.013C32.7537 27.5945 32.9841 27.0378 32.9841 26.4458C32.9841 25.8537 32.7537 25.2972 32.3351 24.8786C31.9166 24.4601 31.3598 24.2294 30.7677 24.2294ZM29.9569 25.6348C30.0631 25.5279 30.1895 25.4431 30.3287 25.3854C30.4679 25.3277 30.6172 25.2982 30.7679 25.2986C30.8849 25.2986 30.9989 25.3165 31.1077 25.3499L29.6729 26.7848C29.5517 26.3915 29.646 25.9454 29.9569 25.6348ZM31.579 27.2569C31.2681 27.5675 30.822 27.6617 30.429 27.5409L31.8635 26.1061C31.8976 26.2161 31.9149 26.3306 31.9149 26.4458C31.9149 26.7521 31.7957 27.0402 31.579 27.2569ZM32.3351 19.7853C31.9166 19.3668 31.3598 19.1364 30.7679 19.1364C30.1758 19.1364 29.6193 19.3668 29.2007 19.7853C28.3366 20.6498 28.3366 22.0557 29.2007 22.9198C29.6327 23.3518 30.2002 23.568 30.7679 23.568C31.3354 23.568 31.9031 23.3518 32.3351 22.9197C32.7537 22.5012 32.9841 21.9448 32.9841 21.3526C32.9841 20.7607 32.7537 20.204 32.3351 19.7853ZM31.579 20.5415C31.6858 20.6478 31.7705 20.7742 31.8282 20.9134C31.8858 21.0526 31.9153 21.2019 31.9149 21.3526C31.9149 21.4696 31.8973 21.5839 31.8635 21.6924L30.4279 20.2567C30.538 20.2228 30.6525 20.2056 30.7677 20.2056C30.9184 20.2052 31.0677 20.2346 31.207 20.2923C31.3462 20.35 31.4727 20.4347 31.579 20.5415ZM29.9569 22.1639C29.646 21.853 29.5517 21.407 29.6728 21.0136L31.1068 22.4476C30.7133 22.5688 30.2675 22.4746 29.9569 22.1639Z" fill="#384BFF"/>
                                    <path d="M31.3294 6.27265H21.8985C21.8109 5.64509 21.5645 5.05028 21.1827 4.54459L24.8145 0.912741C24.8642 0.863112 24.9035 0.804193 24.9304 0.739348C24.9573 0.674502 24.9711 0.605001 24.9711 0.534812C24.9711 0.464623 24.9573 0.395121 24.9304 0.330276C24.9035 0.265431 24.8642 0.206511 24.8145 0.156883C24.7649 0.10719 24.706 0.067768 24.6411 0.0408708C24.5762 0.0139735 24.5067 0.000128979 24.4365 0.000128979C24.3662 0.000128979 24.2967 0.0139735 24.2318 0.0408708C24.167 0.067768 24.108 0.10719 24.0584 0.156883L20.4261 3.78922C19.0907 2.78706 17.2373 2.78706 15.9022 3.78901L12.2698 0.156672C12.1695 0.0564322 12.0335 0.00012207 11.8918 0.00012207C11.75 0.00012207 11.614 0.0564322 11.5137 0.156672C11.464 0.206295 11.4246 0.265224 11.3977 0.33009C11.3708 0.394957 11.357 0.464487 11.357 0.534706C11.357 0.604926 11.3708 0.674456 11.3977 0.739322C11.4246 0.804188 11.464 0.863118 11.5137 0.912741L15.1455 4.54459C14.7637 5.05034 14.5173 5.64511 14.4295 6.27265H4.6706C2.09506 6.27265 3.5159e-05 8.36782 3.5159e-05 10.9433V22.0573C3.5159e-05 22.3526 0.239238 22.5918 0.534761 22.5918C0.604959 22.5918 0.674474 22.578 0.739332 22.5511C0.804191 22.5243 0.863123 22.4849 0.912761 22.4353C0.962399 22.3856 1.00177 22.3267 1.02863 22.2619C1.05548 22.197 1.06929 22.1275 1.06928 22.0573V10.9433C1.06928 8.95753 2.68484 7.34196 4.6706 7.34196H31.3297C33.3152 7.34196 34.9307 8.95753 34.9307 10.9433V14.5009C34.9307 14.7962 35.1699 15.0354 35.4654 15.0354C35.5356 15.0354 35.6052 15.0216 35.67 14.9948C35.7349 14.9679 35.7938 14.9285 35.8434 14.8789C35.8931 14.8292 35.9325 14.7703 35.9593 14.7055C35.9862 14.6406 36 14.5711 36 14.5009V10.9433C36 8.36775 33.9049 6.27265 31.3294 6.27265ZM16.2532 4.89594C17.3071 3.84238 19.0214 3.84238 20.0751 4.89622C20.4579 5.27822 20.7114 5.75473 20.8147 6.27279H15.5135C15.6166 5.7548 15.8702 5.27822 16.2532 4.89594ZM35.4652 16.1049C35.3234 16.105 35.1875 16.1613 35.0872 16.2616C34.987 16.3619 34.9307 16.4979 34.9307 16.6396V28.5873C34.9307 30.5727 33.3152 32.1883 31.3294 32.1883H4.6706C2.68484 32.1883 1.06928 30.5727 1.06928 28.5873V24.196C1.07009 24.1253 1.05686 24.0551 1.03035 23.9896C1.00385 23.924 0.9646 23.8643 0.914875 23.814C0.86515 23.7637 0.80594 23.7238 0.740674 23.6965C0.675408 23.6693 0.605383 23.6553 0.534655 23.6553C0.463927 23.6553 0.393902 23.6693 0.328636 23.6965C0.26337 23.7238 0.20416 23.7637 0.154435 23.814C0.104711 23.8643 0.0654601 23.924 0.0389567 23.9896C0.0124534 24.0551 -0.000775918 24.1253 3.5159e-05 24.196V28.5873C3.5159e-05 31.1625 2.09513 33.2575 4.6706 33.2575H6.24602L6.48192 34.1268C6.73188 35.0469 7.57233 35.6897 8.5259 35.6897C9.47948 35.6897 10.32 35.047 10.57 34.1268L10.8059 33.2575H25.1941L25.43 34.1268C25.68 35.0469 26.5207 35.6897 27.474 35.6897C28.4277 35.6897 29.2681 35.047 29.518 34.1268L29.754 33.2575H31.3297C33.9049 33.2575 36 31.1625 36 28.5873V16.6396C36 16.3444 35.7608 16.1049 35.4652 16.1049ZM9.53805 33.8463C9.41423 34.302 8.99805 34.6203 8.52597 34.6203C8.05382 34.6203 7.63772 34.302 7.51382 33.8463L7.354 33.2575H9.69794L9.53805 33.8463ZM28.4862 33.8463C28.3623 34.302 27.9462 34.6203 27.474 34.6203C27.0019 34.6203 26.5858 34.302 26.4622 33.8463L26.3023 33.2575H28.646L28.4862 33.8463Z" fill="#384BFF"/>
                                    <path d="M8.09745 30.1765C10.3635 30.4113 12.6402 30.5288 14.9183 30.5286C17.1972 30.5286 19.4765 30.4113 21.7395 30.1765C23.0386 30.0414 24.2685 29.4632 25.2024 28.5481C26.1365 27.6326 26.7391 26.4148 26.8997 25.1186C27.3392 21.5633 27.3392 17.9673 26.8997 14.4119C26.7391 13.1158 26.1365 11.898 25.2024 10.9825C24.2685 10.0674 23.0386 9.48922 21.7395 9.35408C17.2043 8.88441 12.6327 8.88441 8.09745 9.35408C6.79836 9.48894 5.56838 10.0674 4.63456 10.9825C3.70046 11.898 3.09753 13.1158 2.93722 14.4119C2.49749 17.9673 2.49749 21.5633 2.93722 25.1186C3.09753 26.4148 3.70046 27.6326 4.63456 28.5481C5.56838 29.4632 6.79808 30.0414 8.09745 30.1765ZM3.99844 14.5432C4.2709 12.3431 6.00179 10.6466 8.20784 10.4176C12.6697 9.9553 17.1673 9.9553 21.6291 10.4176C23.8351 10.6466 25.566 12.3432 25.8385 14.5432C26.2672 18.0113 26.2672 21.519 25.8385 24.9871C25.566 27.1872 23.8351 28.8837 21.629 29.1127C17.1672 29.575 12.6696 29.575 8.20784 29.1127C6.00179 28.8837 4.2709 27.1874 3.99844 24.9871C3.56943 21.519 3.56943 18.0113 3.99844 14.5432Z" fill="#384BFF"/>
                                    </g>
                                    <defs>
                                    <clipPath id="clip0_2517_1761">
                                    <rect width="36" height="36" fill="white"/>
                                    </clipPath>
                                    </defs>
                                    </svg>
                                    
                            </div>
                            <div class="content">
                                <h5>Tv</h5>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-4 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay=".9s">
                        <div class="offer-items">
                            <div class="shape-top">
                                <img src="assets/img/shape/offer-top.png" alt="shape-img">
                            </div>
                            <div class="shape-bottom">
                                <img src="assets/img/shape/offer-bottom.png" alt="shape-img">
                            </div>
                            <div class="icon">
                                <svg width="24" height="36" viewBox="0 0 24 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M11.9999 10.2061C9.68286 10.2061 7.79785 12.0901 7.79785 14.406C7.79785 16.722 9.68279 18.606 11.9999 18.606C14.317 18.606 16.202 16.7219 16.202 14.406C16.202 12.0901 14.317 10.2061 11.9999 10.2061ZM11.9999 17.4061C10.3446 17.4061 8.99788 16.0601 8.99788 14.406C8.99788 12.7519 10.3446 11.406 11.9999 11.406C13.6552 11.406 15.002 12.7519 15.002 14.406C15.002 16.0601 13.6552 17.4061 11.9999 17.4061Z" fill="#384BFF"/>
                                    <path d="M19.1903 18.0102C19.192 17.882 19.2001 17.7544 19.2001 17.626C19.2001 10.7685 16.7292 4.40667 12.4208 0.171803C12.3084 0.0616816 12.1574 0 12 0C11.8427 0 11.6917 0.0616816 11.5793 0.171803C7.2709 4.40667 4.79997 10.7685 4.79997 17.626C4.79997 17.7544 4.80806 17.882 4.80982 18.0102C1.91877 19.5144 0 23.5346 0 28.1996C0 28.3587 0.063212 28.5113 0.17573 28.6238C0.288248 28.7364 0.440854 28.7996 0.599979 28.7996H7.59406C7.59476 28.7996 7.5954 28.7999 7.5961 28.7999H7.92966L6.67592 30.8884C6.62123 30.9795 6.59171 31.0834 6.59038 31.1896C6.58905 31.2958 6.61594 31.4005 6.66832 31.4928C6.72061 31.5852 6.7965 31.6621 6.88822 31.7156C6.97995 31.7691 7.08422 31.7972 7.1904 31.7972H16.7925C16.8986 31.7972 17.0029 31.7691 17.0946 31.7156C17.1863 31.6621 17.2622 31.5852 17.3145 31.4928C17.3669 31.4005 17.3938 31.2958 17.3925 31.1896C17.3911 31.0834 17.3616 30.9795 17.3069 30.8884L16.053 28.7999H16.404C16.4047 28.7999 16.4053 28.7996 16.406 28.7996H23.4001C23.5592 28.7996 23.7118 28.7364 23.8243 28.6238C23.9369 28.5113 24.0001 28.3587 24.0001 28.1996C24.0001 23.5347 22.0814 19.5144 19.1903 18.0102ZM12.0001 1.45473C13.2677 2.78406 14.3501 4.32033 15.2367 6.00572H8.76336C9.65008 4.32026 10.7325 2.78399 12.0001 1.45473ZM1.21177 27.5996C1.35472 23.9749 2.78488 20.794 4.86143 19.374C5.04227 22.2454 5.66728 25.0445 6.69771 27.5996H1.21177ZM8.25036 30.5973L9.32931 28.7999H14.6533L15.7325 30.5973H8.25036ZM16.0117 27.5999H7.98845C6.68682 24.5589 6.00007 21.1194 6.00007 17.626C6.00007 13.8965 6.76697 10.3296 8.17857 7.20568H15.8216C17.2332 10.3296 18.0001 13.8965 18.0001 17.626C18.0001 21.1195 17.3134 24.5589 16.0117 27.5999ZM17.3024 27.5996C18.3329 25.0445 18.9579 22.2454 19.1387 19.374C21.2153 20.794 22.6454 23.9749 22.7884 27.5996H17.3024ZM12.0001 32.4005C11.9213 32.4005 11.8433 32.416 11.7705 32.4462C11.6977 32.4763 11.6315 32.5205 11.5758 32.5762C11.5201 32.632 11.4759 32.6981 11.4458 32.7709C11.4156 32.8437 11.4001 32.9217 11.4001 33.0005V35.3999C11.4001 35.559 11.4633 35.7116 11.5758 35.8242C11.6883 35.9367 11.8409 35.9999 12.0001 35.9999C12.1592 35.9999 12.3118 35.9367 12.4243 35.8242C12.5368 35.7116 12.6001 35.559 12.6001 35.3999V33.0006C12.6001 32.9218 12.5845 32.8437 12.5544 32.7709C12.5243 32.6981 12.4801 32.632 12.4243 32.5763C12.3686 32.5205 12.3025 32.4763 12.2297 32.4462C12.1569 32.416 12.0789 32.4005 12.0001 32.4005ZM8.99687 32.4005C8.91808 32.4005 8.84006 32.416 8.76727 32.4462C8.69448 32.4763 8.62834 32.5205 8.57262 32.5762C8.51691 32.632 8.47272 32.6981 8.44256 32.7709C8.41241 32.8437 8.39689 32.9217 8.39689 33.0005V34.1993C8.39689 34.3584 8.46011 34.5111 8.57262 34.6236C8.68514 34.7361 8.83775 34.7993 8.99687 34.7993C9.156 34.7993 9.3086 34.7361 9.42112 34.6236C9.53364 34.5111 9.59685 34.3584 9.59685 34.1993V33.0005C9.59683 32.8414 9.53361 32.6888 9.4211 32.5763C9.30859 32.4637 9.15599 32.4005 8.99687 32.4005ZM15.0033 32.4005C14.9246 32.4005 14.8465 32.416 14.7737 32.4462C14.7009 32.4763 14.6348 32.5205 14.5791 32.5762C14.5234 32.632 14.4792 32.6981 14.449 32.7709C14.4189 32.8437 14.4034 32.9217 14.4034 33.0005V34.1993C14.4034 34.3584 14.4666 34.5111 14.5791 34.6236C14.6916 34.7361 14.8442 34.7993 15.0033 34.7993C15.1625 34.7993 15.3151 34.7361 15.4276 34.6236C15.5401 34.5111 15.6033 34.3584 15.6033 34.1993V33.0005C15.6033 32.8414 15.5401 32.6888 15.4276 32.5763C15.3151 32.4637 15.1625 32.4005 15.0033 32.4005Z" fill="#384BFF"/>
                                </svg>
                                    
                            </div>
                            <div class="content">
                                <h5>IOT</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Project Section Start -->
        <section class="project-section-2 section-padding fix">
            <div class="left-shape">
                <img src="assets/img/project/left-shape.png" alt="shape-img">
            </div>
            <div class="right-shape">
                <img src="assets/img/project/right-shape.png" alt="shape-img">
            </div>
            <div class="container">
                <div class="section-title-area">
                    <div class="section-title">
                        <span class="wow fadeInUp">PROJECTS</span>
                        <h2 class="wow fadeInUp" data-wow-delay=".3s">
                            Our Latest Incredible <br> Client's Projects
                        </h2>
                    </div>
                    <div class="array-button wow fadeInUp" data-wow-delay=".5s">
                        <button class="array-prev"><i class="fal fa-arrow-right"></i></button>
                        <button class="array-next"><i class="fal fa-arrow-left"></i></button>
                    </div>
                </div>
                <div class="project-wrapper">
                    <div class="swiper project-slider-2">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="project-items style-2">
                                    <div class="project-image">
                                        <img src="assets/img/project/05.jpg" alt="project-img">
                                        <div class="project-content">
                                            <p>Technology</p>
                                            <h4>
                                                <a href="project-details.html">Software Development</a>
                                            </h4>
                                            <a href="project-details.html" class="arrow-icon">
                                                <i class="fa-solid fa-arrow-right"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="project-items style-2">
                                    <div class="project-image">
                                        <img src="assets/img/project/06.jpg" alt="project-img">
                                        <div class="project-content">
                                            <p>Technology</p>
                                            <h4>
                                                <a href="project-details.html">Analytic Solutions</a>
                                            </h4>
                                            <a href="project-details.html" class="arrow-icon">
                                                <i class="fa-solid fa-arrow-right"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="project-items style-2">
                                    <div class="project-image">
                                        <img src="assets/img/project/07.jpg" alt="project-img">
                                        <div class="project-content">
                                            <p>Solutions</p>
                                            <h4>
                                                <a href="project-details.html">Design Solutions</a>
                                            </h4>
                                            <a href="project-details.html" class="arrow-icon">
                                                <i class="fa-solid fa-arrow-right"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Brand Section Start -->
        <div class="brand-section fix section-padding">
            <div class="container">
                <div class="brand-wrapper">
                    <h6 class="text-center wow fadeInUp" data-wow-delay=".3s">1k + Brands Trust Us</h6>
                    <div class="swiper brand-slider">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="brand-image">
                                    <img src="assets/img/brand.png" alt="brand-img">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="brand-image">
                                    <img src="assets/img/brand.png" alt="brand-img">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="brand-image">
                                    <img src="assets/img/brand.png" alt="brand-img">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="brand-image">
                                    <img src="assets/img/brand.png" alt="brand-img">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="brand-image">
                                    <img src="assets/img/brand.png" alt="brand-img">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--<< Team Section Start >>-->
        <section class="team-section-2 section-padding bg-cover" style="background-image: url('assets/img/team/bg.jpg');">
            <div class="container">
                <div class="section-title-area">
                    <div class="section-title">
                        <span class="wow fadeInUp">Team Members</span>
                        <h2 class="wow fadeInUp" data-wow-delay=".3s">
                            Our Dedicated Team <br> Members
                        </h2>
                    </div>
                    <a href="team.html" class="theme-btn wow fadeInUp" data-wow-delay=".5s">
                        All Member
                        <i class="fa-solid fa-arrow-right-long"></i>
                    </a>
                </div>
                <div class="row">
                    <div class="col-xl-4 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".3s">
                        <div class="team-card-items">
                            <div class="team-image">
                                <img src="assets/img/team/01.jpg" alt="team-img">
                                <div class="social-profile">
                                    <span class="plus-btn"><i class="fas fa-share-alt"></i></span>
                                    <ul>
                                        <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                        <li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
                                        <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                                        
                                    </ul>
                                </div>
                            </div>
                            <div class="team-content text-center">
                                <h3>
                                    <a href="team-details.html">Marvin McKinney</a>
                                </h3>
                                <p>Web Designer</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".5s">
                        <div class="team-card-items">
                            <div class="team-image">
                                <img src="assets/img/team/02.jpg" alt="team-img">
                                <div class="social-profile">
                                    <span class="plus-btn"><i class="fas fa-share-alt"></i></span>
                                    <ul>
                                        <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                        <li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
                                        <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                                        
                                    </ul>
                                </div>
                            </div>
                            <div class="team-content text-center">
                                <h3>
                                    <a href="team-details.html">Bessie Cooper</a>
                                </h3>
                                <p>President of Sales</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".7s">
                        <div class="team-card-items">
                            <div class="team-image">
                                <img src="assets/img/team/03.jpg" alt="team-img">
                                <div class="social-profile">
                                    <span class="plus-btn"><i class="fas fa-share-alt"></i></span>
                                    <ul>
                                        <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                        <li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
                                        <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                                        
                                    </ul>
                                </div>
                            </div>
                            <div class="team-content text-center">
                                <h3>
                                    <a href="team-details.html">Dianne Russell</a>
                                </h3>
                                <p>Marketing manager</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--<< Choose Us Section Start >>-->
        <section class="choose-us-section fix section-padding">
            <div class="choose-shape">
                <img src="assets/img/choose/shape.png" alt="shape-img">
            </div>
            <div class="bottom-shape">
                <img src="assets/img/choose/bottom-shape.png" alt="shape-img">
            </div>
            <div class="arrow-shape-1 bounce-x">
                <img src="assets/img/choose/arrow-shape-1.png" alt="shape-img">
            </div>
            <div class="circle-shape">
                <img src="assets/img/choose/circle.png" alt="shape-img">
            </div>
            <div class="line-shape">
                <img src="assets/img/choose/line-shape.png" alt="shape-img">
            </div>
            <div class="container">
                <div class="choose-us-wrapper">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="choose-us-image wow fadeInUp" data-wow-delay=".4s">
                                <img src="assets/img/choose/01.png" alt="img">
                            </div>
                        </div>
                        <div class="col-lg-6 mt-4 mt-lg-0">
                            <div class="choose-content">
                                <div class="section-title">
                                    <span class="wow fadeInUp">WHY CHOOSE US</span>
                                    <h2 class="wow fadeInUp" data-wow-delay=".3s">
                                        We Prominent Truly Trusted <br>
                                        IT Business Solutions
                                    </h2>
                                </div>
                                <p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                                    It is a long established fact that a reader will be distracted the readable <br> content of a page when looking at layout the point.
                                </p>
                                <div class="choose-list-area">
                                   <ul class="choose-list wow fadeInUp" data-wow-delay=".7s">
                                        <li>
                                            <i class="fa-solid fa-check"></i>
                                            Branding and design Identity 
                                        </li>
                                        <li>
                                            <i class="fa-solid fa-check"></i>
                                            Web site Marketing Solutions 
                                        </li>
                                   </ul>
                                   <ul class="choose-list wow fadeInUp" data-wow-delay=".9s">
                                        <li>
                                            <i class="fa-solid fa-check"></i>
                                            24/7 system Monitoring
                                        </li>
                                        <li>
                                            <i class="fa-solid fa-check"></i>
                                            unlimited Download Data
                                        </li>
                                    </ul>
                                </div>
                                <div class="progress-wrap">
                                    <div class="pro-items wow fadeInUp" data-wow-delay=".5s">
                                        <div class="pro-head">
                                            <h6 class="title">
                                                Startup Consultancy
                                            </h6>
                                            <span class="point">
                                                86%
                                            </span>
                                        </div>
                                        <div class="progress">
                                            <div class="progress-value"></div>
                                        </div>
                                    </div>
                                    <div class="pro-items wow fadeInUp" data-wow-delay=".7s">
                                        <div class="pro-head">
                                            <h6 class="title">
                                             Smart AI Soultions
                                            </h6>
                                            <span class="point">
                                                92%
                                            </span>
                                        </div>
                                        <div class="progress">
                                            <div class="progress-value style-two"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Achievement Section Start -->
        <section class="achievement-section-2 fix section-bg-2">
            <div class="container">
                <div class="achievement-wrapper style-2">
                    <div class="section-title mb-0">
                        <span class="text-white wow fadeInUp">achievement</span>
                        <h2 class="text-white wow fadeInUp" data-wow-delay=".3s">
                            We Are Increasing <br> Business Success
                        </h2>
                    </div>
                    <div class="counter-area">
                        <div class="counter-items wow fadeInUp" data-wow-delay=".3s">
                            <div class="icon">
                                <img src="assets/img/achievement-icon/01.svg" alt="icon-img">
                            </div>
                            <div class="content">
                                <h2><span class="count">6,561</span>+</h2>
                                <p>Satisfied Clients</p>
                            </div>
                        </div>
                        <div class="counter-items wow fadeInUp" data-wow-delay=".5s">
                            <div class="icon">
                                <img src="assets/img/achievement-icon/02.svg" alt="icon-img">
                            </div>
                            <div class="content">
                                <h2><span class="count">600</span>+</h2>
                                <p>Finished Projects</p>
                            </div>
                        </div>
                        <div class="counter-items wow fadeInUp" data-wow-delay=".7s">
                            <div class="icon">
                                <img src="assets/img/achievement-icon/03.svg" alt="icon-img">
                            </div>
                            <div class="content">
                                <h2><span class="count">250</span>+</h2>
                                <p>Skilled Experts</p>
                            </div>
                        </div>
                        <div class="counter-items wow fadeInUp" data-wow-delay=".9s">
                            <div class="icon">
                                <img src="assets/img/achievement-icon/04.svg" alt="icon-img">
                            </div>
                            <div class="content">
                                <h2><span class="count">5,90</span>+</h2>
                                <p>Media Posts</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Contact Section Start -->
        <section class="contact-section fix section-padding">
            <div class="container">
                <div class="contact-wrapper">
                    <div class="arrow-shape">
                        <img src="assets/img/arrow-shape.png" alt="shape-img">
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="contact-image wow fadeInUp" data-wow-delay=".4s">
                                <img src="assets/img/contact.png" alt="contact-img">
                                <div class="cricle-shape">
                                    <img src="assets/img/circle-shape.png" alt="shape-img">
                                </div>
                                <div class="small-cricle-shape">
                                    <img src="assets/img/choose/circle.png" alt="shape-img">
                                </div>
                                <div class="frame-shape">
                                    <img src="assets/img/frame.png" alt="img">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="contact-content">
                                <div class="section-title">
                                    <span class="text-white wow fadeInUp">TALK TO US</span>
                                    <h2 class="text-white wow fadeInUp" data-wow-delay=".3s">How May We Help You!</h2>
                                </div>
                                <form action="#" id="contact-form" method="POST" class="contact-form-items">
                                    <div class="row g-4">
                                        <div class="col-lg-6 wow fadeInUp" data-wow-delay=".3s">
                                            <div class="form-clt">
                                                <span>Your name*</span>
                                                <input type="text" name="name" id="name" placeholder="Robot fox">
                                            </div>
                                        </div>
                                        <div class="col-lg-6 wow fadeInUp" data-wow-delay=".5s">
                                            <div class="form-clt">
                                                <span>Your Email*</span>
                                                <input type="text" name="email" id="email" placeholder="info@example.com">
                                            </div>
                                        </div>
                                        <div class="col-lg-12 wow fadeInUp" data-wow-delay=".7s">
                                            <div class="form-clt">
                                                <span>Message*</span>
                                                <textarea name="message" id="message" placeholder="Write Message"></textarea>
                                            </div>
                                        </div>
                                        <div class="col-lg-7 wow fadeInUp" data-wow-delay=".9s">
                                            <button type="submit" class="theme-btn bg-white">
                                                Sand Message
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--<< Testimonial Section Start >>-->
        <section class="tesimonial-section-2 pb-0 section-padding bg-cover" style="background-image: url('assets/img/testimonial/bg.jpg');">
            <div class="container">
                <div class="section-title-area">
                    <div class="section-title">
                        <span class="text-white wow fadeInUp">Testimonials</span>
                        <h2 class="text-white wow fadeInUp" data-wow-delay=".3s">
                            We Prominent Truly Trusted <br>
                            IT Business Solutions
                        </h2>
                    </div>
                    <div class="array-button wow fadeInUp" data-wow-delay=".5s">
                        <button class="array-prev border-white"><i class="fal fa-arrow-right"></i></button>
                        <button class="array-next"><i class="fal fa-arrow-left"></i></button>
                    </div>
                </div>
                <div class="swiper testimonial-slider-2">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="testimonial-box-items">
                                <div class="icon">
                                    <img src="assets/img/testimonial/icon.png" alt="icon-img">
                                </div>
                                <div class="client-items">
                                    <div class="client-image bg-cover" style="background-image: url('assets/img/testimonial/02.jpg');"></div>
                                    <div class="client-content">
                                        <h4>Kathryn Murphy</h4>
                                        <p>Web Designer</p>
                                        <div class="star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                    </div>
                                </div>
                                <p>
                                    Consectetur adipiscing elit. Integer nunc viverra laoreet est the is porta pretium metus aliquam eget maecenas porta is nunc viverra Aenean pulvinar maximus leo ”
                                </p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="testimonial-box-items">
                                <div class="icon">
                                    <img src="assets/img/testimonial/icon.png" alt="icon-img">
                                </div>
                                <div class="client-items">
                                    <div class="client-image bg-cover" style="background-image: url('assets/img/testimonial/03.jpg');"></div>
                                    <div class="client-content">
                                        <h4>Albert Flores</h4>
                                        <p>Medical Assistant</p>
                                        <div class="star">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star color-text"></i>
                                        </div>
                                    </div>
                                </div>
                                <p>
                                    Consectetur adipiscing elit. Integer nunc viverra laoreet est the is porta pretium metus aliquam eget maecenas porta is nunc viverra Aenean pulvinar maximus leo ”
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- News Section Start -->
        <section class="news-section fix section-padding">
            <div class="container">
                <div class="section-title-area">
                    <div class="section-title">
                        <span class="wow fadeInUp">Latest Blog</span>
                        <h2 class="wow fadeInUp" data-wow-delay=".3s">
                            Checkout Our Latest <br> News & Articles
                        </h2>
                    </div>
                    <a href="news.html" class="theme-btn wow fadeInUp" data-wow-delay=".5s">
                        All Article
                        <i class="fa-solid fa-arrow-right-long"></i>
                    </a>
                </div>
                <div class="row">
                    <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
                        <div class="news-card-items">
                            <div class="news-image">
                                <img src="assets/img/news/04.jpg" alt="news-img">
                                <div class="post-date">
                                    <h3>
                                        17 <br>
                                        <span>Feb</span>
                                    </h3>
                                </div>
                            </div>
                            <div class="news-content">
                                <ul>
                                    <li>
                                        <i class="fa-regular fa-user"></i>
                                        By Admin
                                    </li>
                                    <li>
                                        <i class="fa-solid fa-tag"></i>
                                        IT Services
                                    </li>
                                </ul>
                                <h3>
                                    <a href="news-details.html">Simplify Streamline Succeed  IT Solutions</a>
                                </h3>
                                <a href="news-details.html" class="theme-btn-2 mt-3">
                                    read More
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
                        <div class="news-card-items">
                            <div class="news-image">
                                <img src="assets/img/news/05.jpg" alt="news-img">
                                <div class="post-date">
                                    <h3>
                                        20 <br>
                                        <span>May</span>
                                    </h3>
                                </div>
                            </div>
                            <div class="news-content">
                                <ul>
                                    <li>
                                        <i class="fa-regular fa-user"></i>
                                        By Admin
                                    </li>
                                    <li>
                                        <i class="fa-solid fa-tag"></i>
                                        UI/UX Design
                                    </li>
                                </ul>
                                <h3>
                                    <a href="news-details.html">Unlocking Potential Through Technology</a>
                                </h3>
                                <a href="news-details.html" class="theme-btn-2 mt-3">
                                    read More
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s">
                        <div class="news-card-items">
                            <div class="news-image">
                                <img src="assets/img/news/06.jpg" alt="news-img">
                                <div class="post-date">
                                    <h3>
                                        18 <br>
                                        <span>Mar</span>
                                    </h3>
                                </div>
                            </div>
                            <div class="news-content">
                                <ul>
                                    <li>
                                        <i class="fa-regular fa-user"></i>
                                        By Admin
                                    </li>
                                    <li>
                                        <i class="fa-solid fa-tag"></i>
                                        Cyber Security
                                    </li>
                                </ul>
                                <h3>
                                    <a href="news-details.html">Supervisor Disapproved of Latest Work.</a>
                                </h3>
                                <a href="news-details.html" class="theme-btn-2 mt-3">
                                    read More
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--<< Footer Section Start >>-->
        <footer class="footer-section footer-bg">
            <div class="container">
                <div class="contact-info-area">
                    <div class="contact-info-items wow fadeInUp" data-wow-delay=".3s">
                        <div class="icon">
                            <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M23.7891 1.81641H16.7578C13.3658 1.81641 10.6055 4.5767 10.6055 7.96875C10.6055 11.063 12.9015 13.631 15.8789 14.0585V16.7578C15.8788 16.9317 15.9303 17.1016 16.0268 17.2462C16.1234 17.3907 16.2607 17.5033 16.4214 17.5697C16.7456 17.705 17.1258 17.6325 17.3793 17.3792L20.6374 14.1211H23.7891C27.1811 14.1211 30 11.3608 30 7.96875C30 4.5767 27.1811 1.81641 23.7891 1.81641ZM16.7578 8.84754C16.2723 8.84754 15.8789 8.45402 15.8789 7.96863C15.8789 7.48324 16.2723 7.08973 16.7578 7.08973C17.2432 7.08973 17.6367 7.48324 17.6367 7.96863C17.6367 8.45402 17.2432 8.84754 16.7578 8.84754ZM20.2734 8.84754C19.7879 8.84754 19.3945 8.45402 19.3945 7.96863C19.3945 7.48324 19.7879 7.08973 20.2734 7.08973C20.7588 7.08973 21.1523 7.48324 21.1523 7.96863C21.1523 8.45402 20.7588 8.84754 20.2734 8.84754ZM23.7891 8.84754C23.3036 8.84754 22.9102 8.45402 22.9102 7.96863C22.9102 7.48324 23.3036 7.08973 23.7891 7.08973C24.2745 7.08973 24.668 7.48324 24.668 7.96863C24.668 8.45402 24.2745 8.84754 23.7891 8.84754Z" fill="#3C72FC"/>
                                <path d="M19.7461 28.1836C21.2 28.1836 22.3828 27.0008 22.3828 25.5469V22.0312C22.3828 21.6527 22.1408 21.3171 21.782 21.1978L16.5209 19.44C16.2634 19.3533 15.9819 19.3928 15.7553 19.5421L13.5186 21.033C11.1496 19.9035 8.33871 17.0925 7.20914 14.7236L8.7 12.4868C8.77415 12.3754 8.82189 12.2485 8.83958 12.1158C8.85728 11.9831 8.84447 11.8482 8.80213 11.7212L7.04432 6.46014C6.98611 6.28516 6.87428 6.13295 6.72469 6.02512C6.5751 5.91728 6.39534 5.85929 6.21094 5.85938H2.63672C1.18277 5.85938 0 7.02979 0 8.48373C0 18.61 9.6198 28.1836 19.7461 28.1836Z" fill="#3C72FC"/>
                            </svg>                                
                        </div>
                        <div class="content">
                            <p>Call Us 7/24</p>
                            <h3>
                                <a href="tel:+2085550112">+208-555-0112</a>
                            </h3>
                        </div>
                    </div>
                    <div class="contact-info-items wow fadeInUp" data-wow-delay=".5s">
                        <div class="icon">
                            <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M12.6498 10.8272C12.8023 10.914 12.976 10.9569 13.1514 10.9509C13.3312 10.9344 13.5053 10.8798 13.6623 10.7906L24.9217 4.22062C24.677 3.79416 24.3245 3.43955 23.8994 3.19239C23.4744 2.94523 22.9918 2.81422 22.5001 2.8125H3.75014C3.2583 2.81406 2.77554 2.94499 2.35032 3.19216C1.9251 3.43932 1.5724 3.79402 1.32764 4.22062L12.6498 10.8272Z" fill="#3C72FC"/>
                                <path d="M25.3125 6.15918V12.6748C24.4104 12.3501 23.4587 12.1852 22.5 12.1873C20.2633 12.1908 18.1192 13.0808 16.5376 14.6624C14.956 16.244 14.066 18.3881 14.0625 20.6248C14.0623 20.9382 14.0811 21.2512 14.1188 21.5623H3.75C3.00476 21.5601 2.29069 21.263 1.76372 20.7361C1.23676 20.2091 0.939726 19.495 0.9375 18.7498V6.15918L11.7094 12.4498C12.1434 12.6872 12.6303 12.8116 13.125 12.8116C13.6197 12.8116 14.1066 12.6872 14.5406 12.4498L25.3125 6.15918Z" fill="#3C72FC"/>
                                <path d="M22.5 14.0625C20.7595 14.0625 19.0903 14.7539 17.8596 15.9846C16.6289 17.2153 15.9375 18.8845 15.9375 20.625C15.9375 22.3655 16.6289 24.0347 17.8596 25.2654C19.0903 26.4961 20.7595 27.1875 22.5 27.1875C22.7486 27.1875 22.9871 27.0887 23.1629 26.9129C23.3387 26.7371 23.4375 26.4986 23.4375 26.25C23.4375 26.0014 23.3387 25.7629 23.1629 25.5871C22.9871 25.4113 22.7486 25.3125 22.5 25.3125C21.5729 25.3125 20.6666 25.0376 19.8958 24.5225C19.1249 24.0074 18.5241 23.2754 18.1693 22.4188C17.8145 21.5623 17.7217 20.6198 17.9026 19.7105C18.0834 18.8012 18.5299 17.966 19.1854 17.3104C19.841 16.6549 20.6762 16.2084 21.5855 16.0276C22.4948 15.8467 23.4373 15.9395 24.2938 16.2943C25.1504 16.6491 25.8824 17.2499 26.3975 18.0208C26.9126 18.7916 27.1875 19.6979 27.1875 20.625V21.5625C27.1875 21.8111 27.0887 22.0496 26.9129 22.2254C26.7371 22.4012 26.4986 22.5 26.25 22.5C26.0014 22.5 25.7629 22.4012 25.5871 22.2254C25.4113 22.0496 25.3125 21.8111 25.3125 21.5625V20.625C25.3125 20.0687 25.1476 19.525 24.8385 19.0625C24.5295 18.5999 24.0902 18.2395 23.5763 18.0266C23.0624 17.8137 22.4969 17.758 21.9513 17.8665C21.4057 17.9751 20.9046 18.2429 20.5113 18.6363C20.1179 19.0296 19.8501 19.5307 19.7415 20.0763C19.633 20.6219 19.6887 21.1874 19.9016 21.7013C20.1145 22.2152 20.4749 22.6545 20.9375 22.9635C21.4 23.2726 21.9437 23.4375 22.5 23.4375C22.9843 23.4344 23.4594 23.3048 23.8781 23.0616C24.2022 23.578 24.6856 23.9748 25.2552 24.1921C25.8248 24.4094 26.4496 24.4353 27.0353 24.266C27.621 24.0967 28.1356 23.7412 28.5013 23.2535C28.867 22.7657 29.064 22.1721 29.0625 21.5625V20.625C29.0605 18.8851 28.3685 17.2171 27.1382 15.9868C25.9079 14.7565 24.2399 14.0645 22.5 14.0625ZM22.5 21.5625C22.3146 21.5625 22.1333 21.5075 21.9792 21.4045C21.825 21.3015 21.7048 21.1551 21.6339 20.9838C21.5629 20.8125 21.5443 20.624 21.5805 20.4421C21.6167 20.2602 21.706 20.0932 21.8371 19.9621C21.9682 19.831 22.1352 19.7417 22.3171 19.7055C22.499 19.6693 22.6875 19.6879 22.8588 19.7589C23.0301 19.8298 23.1765 19.95 23.2795 20.1042C23.3825 20.2583 23.4375 20.4396 23.4375 20.625C23.4375 20.8736 23.3387 21.1121 23.1629 21.2879C22.9871 21.4637 22.7486 21.5625 22.5 21.5625Z" fill="#3C72FC"/>
                            </svg>                                            
                        </div>
                        <div class="content">
                            <p>Make a Quote</p>
                            <h3>
                                <a href="mailto:infotech@gmail.com">Infotech@gmail.com</a>
                            </h3>
                        </div>
                    </div>
                    <div class="contact-info-items wow fadeInUp" data-wow-delay=".7s">
                        <div class="icon">
                            <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M16 1.6665C11.036 1.6665 7 5.7385 7 10.7612C7 12.4625 7.74933 14.5732 8.84 16.6785C11.2413 21.3145 15.2413 25.9838 15.2413 25.9838C15.3352 26.0932 15.4516 26.1809 15.5826 26.2411C15.7135 26.3012 15.8559 26.3324 16 26.3324C16.1441 26.3324 16.2865 26.3012 16.4174 26.2411C16.5484 26.1809 16.6648 26.0932 16.7587 25.9838C16.7587 25.9838 20.7587 21.3145 23.16 16.6785C24.2507 14.5732 25 12.4625 25 10.7612C25 5.7385 20.964 1.6665 16 1.6665ZM16 6.99984C15.0447 7.0256 14.1371 7.42322 13.4705 8.10804C12.8039 8.79286 12.4309 9.71081 12.4309 10.6665C12.4309 11.6222 12.8039 12.5401 13.4705 13.225C14.1371 13.9098 15.0447 14.3074 16 14.3332C16.9553 14.3074 17.8629 13.9098 18.5295 13.225C19.1961 12.5401 19.5691 11.6222 19.5691 10.6665C19.5691 9.71081 19.1961 8.79286 18.5295 8.10804C17.8629 7.42322 16.9553 7.0256 16 6.99984Z" fill="#3C72FC"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M22.3788 23.1693C23.4628 23.4946 24.3562 23.8973 24.9735 24.3693C25.3735 24.6733 25.6668 24.9706 25.6668 25.3333C25.6668 25.5466 25.5455 25.74 25.3748 25.9333C25.0922 26.252 24.6722 26.5386 24.1522 26.8053C22.3148 27.7453 19.3442 28.3333 16.0002 28.3333C12.6562 28.3333 9.6855 27.7453 7.84816 26.8053C7.32816 26.5386 6.90816 26.252 6.6255 25.9333C6.45483 25.74 6.3335 25.5466 6.3335 25.3333C6.3335 24.9706 6.62683 24.6733 7.02683 24.3693C7.64416 23.8973 8.5375 23.4946 9.6215 23.1693C9.87557 23.0929 10.0889 22.9187 10.2146 22.6851C10.3402 22.4514 10.3679 22.1774 10.2915 21.9233C10.2151 21.6692 10.0409 21.4559 9.80726 21.3302C9.57359 21.2046 9.29957 21.1769 9.0455 21.2533C7.39483 21.7506 6.11216 22.432 5.3415 23.1853C4.66416 23.8453 4.3335 24.584 4.3335 25.3333C4.3335 26.2693 4.86283 27.2026 5.93883 27.9813C7.82683 29.3466 11.6188 30.3333 16.0002 30.3333C20.3815 30.3333 24.1735 29.3466 26.0615 27.9813C27.1375 27.2026 27.6668 26.2693 27.6668 25.3333C27.6668 24.584 27.3362 23.8453 26.6588 23.1853C25.8882 22.432 24.6055 21.7506 22.9548 21.2533C22.829 21.2155 22.697 21.2028 22.5663 21.216C22.4356 21.2292 22.3088 21.268 22.1931 21.3302C22.0774 21.3925 21.9751 21.4769 21.892 21.5786C21.8089 21.6804 21.7467 21.7975 21.7088 21.9233C21.671 22.0491 21.6583 22.1811 21.6715 22.3118C21.6847 22.4425 21.7236 22.5694 21.7858 22.6851C21.848 22.8008 21.9324 22.9031 22.0341 22.9862C22.1359 23.0692 22.253 23.1315 22.3788 23.1693Z" fill="#3C72FC"/>
                            </svg>
                                                            
                        </div>
                        <div class="content">
                            <p>Location</p>
                            <h3>
                                4517 Washington ave.
                            </h3>
                        </div>
                    </div>
                </div>    
            </div>
            <div class="footer-widgets-wrapper">
                <div class="shape-1">
                    <img src="assets/img/footer-shape-1.png" alt="shape-img">
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".3s">
                            <div class="single-footer-widget">
                                <div class="widget-head">
                                    <a href="index.html">
                                        <img src="assets/img/logo/white-logo.svg" alt="logo-img">
                                    </a>
                                </div>
                                <div class="footer-content">
                                    <p>
                                        Phasellus ultricies aliquam volutpat 
                                        ullamcorper laoreet neque, a lacinia
                                        curabitur lacinia mollis
                                    </p>
                                    <div class="social-icon d-flex align-items-center">
                                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                                        <a href="#"><i class="fab fa-twitter"></i></a>
                                        <a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
                                        <a href="#"><i class="fa-brands fa-youtube"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-4 col-md-6 ps-lg-5 wow fadeInUp" data-wow-delay=".5s">
                            <div class="single-footer-widget">
                                <div class="widget-head">
                                    <h3>Quick Links</h3>
                                </div>
                                <ul class="list-area">
                                    <li>
                                        <a href="about.html">
                                            <i class="fa-solid fa-chevron-right"></i>
                                            Infotech About
                                        </a>
                                    </li>
                                    <li>
                                        <a href="service.html">
                                            <i class="fa-solid fa-chevron-right"></i>
                                            Our Services
                                        </a>
                                    </li>
                                    <li>
                                        <a href="news.html">
                                            <i class="fa-solid fa-chevron-right"></i>
                                            Our Blogs
                                        </a>
                                    </li>
                                    <li>
                                        <a href="faq.html">
                                            <i class="fa-solid fa-chevron-right"></i>
                                            FAQ’S
                                        </a>
                                    </li>
                                    <li>
                                        <a href="contact.html">
                                            <i class="fa-solid fa-chevron-right"></i>
                                            Contact Us
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-6 ps-lg-5 wow fadeInUp" data-wow-delay=".5s">
                            <div class="single-footer-widget style-margin">
                                <div class="widget-head">
                                    <h3>IT Solution</h3>
                                </div>
                                <ul class="list-area">
                                    <li>
                                        <a href="service-details.html">
                                            <i class="fa-solid fa-chevron-right"></i>
                                            IT Management
                                        </a>
                                    </li>
                                    <li>
                                        <a href="service-details.html">
                                            <i class="fa-solid fa-chevron-right"></i>
                                            Web Development
                                        </a>
                                    </li>
                                    <li>
                                        <a href="service-details.html">
                                            <i class="fa-solid fa-chevron-right"></i>
                                            Cyber Security
                                        </a>
                                    </li>
                                    <li>
                                        <a href="service-details.html">
                                            <i class="fa-solid fa-chevron-right"></i>
                                            SEO Optimization
                                        </a>
                                    </li>
                                    <li>
                                        <a href="service-details.html">
                                            <i class="fa-solid fa-chevron-right"></i>
                                            App Development
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".7s">
                            <div class="single-footer-widget style-margin">
                                <div class="widget-head">
                                    <h3>Recent Posts</h3>
                                </div>
                                <div class="recent-post-area">
                                    <div class="recent-post-items">
                                        <div class="thumb">
                                            <img src="assets/img/news/pp1.jpg" alt="post-img">
                                        </div>
                                        <div class="content">
                                            <ul class="post-date">
                                                <li>
                                                    <i class="fa-solid fa-calendar-days me-2"></i>
                                                    20 Feb, 2024
                                                </li>
                                            </ul>
                                            <h6>
                                                <a href="news-details.html">
                                                    Top 5 Most Famous <br>
                                                    Technology Trend In 2024
                                                </a>
                                            </h6>
                                        </div>
                                    </div>
                                    <div class="recent-post-items mb-0">
                                        <div class="thumb">
                                            <img src="assets/img/news/pp2.jpg" alt="post-img">
                                        </div>
                                        <div class="content">
                                            <ul class="post-date">
                                                <li>
                                                    <i class="fa-solid fa-calendar-days me-2"></i>
                                                    15 Dec, 2024
                                                </li>
                                            </ul>
                                            <h6>
                                                <a href="news-details.html">
                                                    The Surfing Man Will Blow <br>
                                                    Your Mind
                                                </a>
                                            </h6>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-bottom style-2">
                <div class="container">
                    <div class="footer-wrapper d-flex align-items-center justify-content-between">
                        <p class="wow fadeInLeft color-2" data-wow-delay=".3s">
                            © All Copyright 2024 by <a href="Http://www.bootstrapmb.com">bootstrapMB</a>
                        </p>
                        <ul class="footer-menu wow fadeInRight" data-wow-delay=".5s">
                            <li>
                                <a href="contact.html">
                                    Terms & Condition
                                </a>
                            </li>
                            <li>
                                <a href="contact.html">
                                    Privacy Policy
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <a href="#" id="scrollUp" class="scroll-icon">
                    <i class="far fa-arrow-up"></i>
                </a>
            </div>
        </footer>

        <!--<< All JS Plugins >>-->
        <script src="assets/js/jquery-3.7.1.min.js"></script>
        <!--<< Viewport Js >>-->
        <script src="assets/js/viewport.jquery.js"></script>
        <!--<< Bootstrap Js >>-->
        <script src="assets/js/bootstrap.bundle.min.js"></script>
        <!--<< Nice Select Js >>-->
        <script src="assets/js/jquery.nice-select.min.js"></script>
        <!--<< Waypoints Js >>-->
        <script src="assets/js/jquery.waypoints.js"></script>
        <!--<< Counterup Js >>-->
        <script src="assets/js/jquery.counterup.min.js"></script>
        <!--<< Swiper Slider Js >>-->
        <script src="assets/js/swiper-bundle.min.js"></script>
        <!--<< MeanMenu Js >>-->
        <script src="assets/js/jquery.meanmenu.min.js"></script>
        <!--<< Magnific Popup Js >>-->
        <script src="assets/js/jquery.magnific-popup.min.js"></script>
        <!--<< Wow Animation Js >>-->
        <script src="assets/js/wow.min.js"></script>
        <!--<< Main.js >>-->
        <script src="assets/js/main.js"></script>
    </body>
</html>